/*
Theme Name: Panoramic Child
Theme URI: http://www.outtheboxthemes.com/wordpress-themes/panoramic/
Template: panoramic
Author: Out the Box
Author URI: http://www.outtheboxthemes.com/
Description: Panoramic is a well designed, fully responsive theme with a homepage slider that's easy to customize and offers 5 star support. The subtle design features give it a premium feel and the wide range of flexible theme options help you create a variety of sites from a simple blog to a fully functional online eCommerce store. Used in conjunction with SiteOrigin's drag and drop Page Builder plugin, you can easily build beautiful page layouts with no coding knowledge to create any website from travel to business to food, decor, lifestyle, sport and more. Panoramic integrates seamlessly with the following popular free plugins: SiteOrigin's Page Builder, WPForms and WooCommerce.
Tags: one-column,two-columns,left-sidebar,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,full-width-template,post-formats,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 10.1.10.1540893491
Updated: 2018-10-30 09:58:11 

*/


/*mobile styles*/

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-MediumOblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Black Oblique';
    src: url('./assets/fonts/Avenir-BlackOblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-HeavyOblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-HeavyOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Medium.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Light.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-LightOblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Oblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Heavy.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('./assets/fonts/Avenir-BookOblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-BookOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Roman.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('./assets/fonts/Avenir-Book.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Black.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


:root {
    --main-title-color: #333;
    --main-txt-color: #31383A;

    --main-title-font-size: 28px;
    --small-title-font-size: 20px;
    --main-txt-font-size: 16px;

    --main-font-family-normal: 'Avenir Book';
    --main-font-family-avenir: 'Avenir';

    --main-font-weight-normal: normal;
    --main-font-weight-900: 900;
    --main-font-weight-bold: bold;
    --medium-font-weight: 600;

    --main-padding: 16px;
    --main-border-radius: 4px;
}

.mobile-web-view,
.mobile-web-view__single {
	padding: var(--main-padding);
}

.mobile-web-view .entry-title,
.mobile-web-view .entry-title a,
.mobile-web-view__single .entry-title,
.mobile-web-view__single .entry-title a,
.mobile-web-view__single h1,
.mobile-web-view__single h2 {
	color: var(--main-title-color);
	font-size: var(--main-title-font-size);
}

.mobile-web-view .entry-content,
.mobile-web-view .entry-footer {
	visibility: hidden;
	display: none;
}

.mobile-web-view__single p,
.mobile-web-view__single li {
	color: var(--main-txt-color);
	font-size: var(--main-txt-font-size);
}

.mobile-web-view__single,
.mobile-web-view__single p {
	font-family: var(--main-font-family-normal), 'San-Serif';
    font-weight: var(--main-font-weight-normal);
}

.mobile-web-view .entry-title,
.mobile-web-view .entry-title a,
.mobile-web-view__single .entry-title,
.mobile-web-view__single .entry-title a,
.mobile-web-view__single h1,
.mobile-web-view__single h2,
.mobile-web-view__single ul,
.mobile-web-view__single ol,
.mobile-web-view__single .entry-meta {
	font-family: var(--main-font-family-avenir), 'San-Serif';
    font-weight: var(--main-font-weight-900);
}

.mobile-web-view__single h2 {
	margin-top: var(--main-padding);
	font-size: var(--small-title-font-size);

}

.mobile-web-view__single img {
	margin: var(--main-padding) 0;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
	border-top-right-radius: var(--main-border-radius);
	border-top-left-radius: var(--main-border-radius);
}
.mobile-web-view__single figure {
	width: 100% !important;
}

.mobile-web-view__single ul,
.mobile-web-view__single ol {
	margin-left: var(--main-padding);
}
.mobile-web-view__single li {
	font-weight: var(--medium-font-weight);
	padding-left: var(--main-padding);
}

.mobile-web-view ~ #cookie-notice{
    display:none!important;
}