/*
 Theme Name:   Veolia Child Theme
 Theme URI:    http://generatepress.com
 Description:  Veolia Custom GeneratePress child theme
 Author:       Marcus Mucha
 Author URI:   http://www.esiteful.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/*RED: #F01616
dark grey: #58585A
green: #96C100
teal: #00AEC9
orange/gold: #E2A000
magenta/purple: #AA408E
blue: #0060AB

yellow-orange: #0060AB
light blue: #64B8E4
pink: #DB6BA2
light grey: #939394 

dull purple: #B29FB0;
mint green: #B4DBB5
wheat/khaki: #DBC78E
*/

.site-logo {margin-top:1rem;}

@font-face {
    font-family: 'FSRufus-italic';
    src: url('fonts/fs_rufus-italic-webfont.woff2') format('woff2'),
         url('fonts/fs_rufus-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

.entry-content p {
    padding: 4px 0 16px 0;
    margin: 0;
}
.entry-content h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #2c2c2c;
    line-height: 24px;
    margin: 0;
    padding: 4px 0 20px 0;
}

.entry-content ul {margin:16px 0 32px 0; padding:0 0 0 40px;}

blockquote {
    z-index: 1;
    position: relative;
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    color: #2c2c2c;
    display: block;
    padding: 18px 0;
    margin: 0 0 20px;
    line-height: 34px;
    clear: both;
    border:0
}
.entry-content blockquote p{padding:0;margin:0;font-weight:400;}
blockquote:before, blockquote:after {
    content: " ";
    display: block;
    position: absolute;
    width: 60px;
    height: 5px;
    left: 0;
    top: 0;
    background: none #2c2c2c;
}
blockquote:after {
    top: auto;
    bottom: 0;
}


.separate-containers .site-main {margin-top:0;}

/* MENU ITEMS */
.main-navigation {
	background-color: #ffffff;
}
.main-navigation .navigation-search input[type="search"], 
.main-navigation .navigation-search input[type="search"]:active {
	color: #1e72bd;
	background-color: #FFFFFF;
}
.main-navigation .navigation-search input[type="search"]:focus {
	color: #1e72bd;
	background-color: #FFFFFF;
}
.main-navigation .main-nav ul li a, 
.main-navigation .menu-toggle {
	color: #333333;
}
/* SUB-NAVIGATION */
.main-navigation .main-nav ul ul li a {
	background: #FFFFFF;
	color: #333333;
}
/* MENU ITEM HOVER */
.main-navigation .main-nav ul li > a:hover, 
.main-navigation .main-nav ul li > a:focus,
.main-navigation .main-nav ul li.sfHover > a {
	color: #333333;
	background-color: #FFFFFF;
}
/* SUB-NAVIGATION HOVER -*/
.main-navigation .main-nav ul ul li > a:hover, 
.main-navigation .main-nav ul ul li > a:focus,
.main-navigation .main-nav ul ul li.sfHover > a {
	color: #F01616;
	background-color: #FFFFFF;
}
/* CURRENT ITEMS */
.main-navigation .main-nav ul .current-menu-item > a {
	color: #333333;
	background-color: #ececec;
}
.main-navigation .main-nav ul .current-menu-item > a:hover, 
.main-navigation .main-nav ul .current-menu-item > a:focus, 
.main-navigation .main-nav ul .current-menu-item.sfHover > a {
	color: #333333;
	background-color: #FFFFFF;
}
/* SUB-NAVIGATION CURRENT ITEMS */
.main-navigation .main-nav ul ul .current-menu-item > a {
	color: #333333;
	background-color: #FFFFFF;
}
.main-navigation .main-nav ul ul .current-menu-item > a:hover, 
.main-navigation .main-nav ul ul .current-menu-item > a:focus, 
.main-navigation .main-nav ul ul .current-menu-item.sfHover > a {
	color: #333333;
	background-color: #FFFFFF;
}


/*slider curved border*/
div#n2-ss-2 .n2-ss-slider-3 {
border-radius: 0 20px 0 20px;
}

#left-sidebar h4.widget-title {
text-transform:none;
padding-bottom:0;
font-weight:200;
font-size:24px;
color:#2c2c2c;}

#left-sidebar .menu-global-container {padding-left:.2rem;}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color:#F01616;
    background-color: #ffffff;
}

.main-navigation ul ul {box-shadow:none;width:11rem;}

.footer-bar .widget_nav_menu .current-menu-item a {
    color: #ececec;
}

.v-flag .elementor-widget-container {height:13rem;}
.inside-grid-column:first-child {padding-left:0;}

/* BREADCRUMBS */
.breadcrumbs {padding:32px 0 26px 0;font-size:.8rem; color:#666;font-weight:bold;}
.breadcrumbs span {padding:0 6px;}
.breadcrumbs a {color:#666;font-weight:normal;}
.breadcrumbs span:first-child {padding-left:0;}
body.home .breadcrumbs {display:none;}

p#breadcrumbs {padding-left:5px;font-size:.9rem; color:#666;}
p#breadcrumbs a {padding:0 15px 0 15px ;color:#666;}
p#breadcrumbs span span + a {padding:0 15px 0 0;}
.breadcrumb_last {padding:0 15px 0 15px; font-weight:bold;}


h1.entry-title {font-family:FSRufus-italic; font-style:italic;}

.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1260px;
}

.sub-menu li {border-bottom:1px solid #999999;}

.slideout-navigation {
left: auto !important;
right: 0;
transform: translateX(100%) !important;
}

.slide-opened .slideout-navigation {
transform: translateX(0px) !important;
}

.widget-title {margin-bottom:6px;}

#right-sidebar form {margin-top:2rem;}
#right-sidebar form.search-form {margin-top:0;}
.separate-containers .widget {margin-bottom:0;}

.footer-bar {font-size:.6rem;}
.site-info {padding:8px;}
.footer-bar .widget_nav_menu>div>ul {padding:4px 0 0 1rem;font-size:.7rem;font-weight:bold;}
.copyright-bar {padding-right:1rem;}

.elementor-image-box-img {
overflow: hidden;
}

.inside-header {padding:0 0 1px 0;}

.separate-containers .inside-article {padding:0 0 20px 0;}
.widget.inner-padding {padding:20px 0;}
/*.separate-containers .widget {padding:20px 20px 20px 20px;}*/


.textwidget form {padding-top:1rem;}


h4.widget-title {text-transform:uppercase;}

.footer-widgets {padding:20px;}


#menu-global .main-nav ul li a {line-height:1rem;}
#menu-global {text-transform:uppercase;margin-top:105px; margin-right:0;}
#menu-global li li {text-transform:none;}
#menu-global li {padding:0;margin:0;}
#menu-global li a {padding:.5rem 8px;margin:0;}
#menu-global .menu-item-has-children .dropdown-menu-toggle {padding:0 0 0 .6rem;}
.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a, .menu-toggle {line-height:2rem;}

.slideout-navigation {border-left:1px solid #ececec;}

.inside-left-sidebar {margin:0;}
.inside-left-sidebar .widget {padding:0;}
.inside-left-sidebar #menu-global {text-transform:none;margin-top:18px;font-size:16px;}
.inside-left-sidebar #menu-global a {color:#333;}
.inside-left-sidebar #menu-global .current_page_item {font-weight:bold;}

.elementor-icon-box-icon {display:none;}
.elementor-icon-box-content {padding-bottom:1.6rem;}
.elementor-icon-box-content p {font-size:.8rem;}
.c-box .elementor-icon-box-content .elementor-icon-box-title {font-family:FSRufus-italic;font-style:italic;font-size:1.1rem;font-weight:bold;}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding-left:0}

.v-box .elementor-widget-container {background-color:#666666;}
.v-box .box-links {background:rgba(0,0,0,.55);border-radius:0 0 0 20px;}
.v-box .elementor-image-box-img {border-radius:0 20px 0 0;}

.v-box.aqua .elementor-widget-container {background-color:#00AEC9;}
.v-box.red .elementor-widget-container{background-color:#EB5E41;}
.v-box.green .elementor-widget-container{background-color:#96C100;}
.v-box.orange .elementor-widget-container{background-color:#E2A000;}
.v-box.blue .elementor-widget-container{background-color:#6F96CC;}
.v-box.purple .elementor-widget-container{background-color:#AA408E;}
.v-box.gray .elementor-widget-container{background-color:#58585A;}

.v-box .elementor-image-box-title {text-align:left;padding:.5rem 1.3rem;}

.v-box .elementor-image-box-description {font-size:.8rem; color:#FFFFFF; line-height:1.3rem; text-align:left;padding:.8rem 1.3rem 1.8rem;}


.flag {
    padding: 3em 1em 3em 1em;
    background-color: #999999;
    border-radius: 0px 20px 0px 20px;
    text-align:center;
}
.flag .icon-box-content {
    padding-bottom: 2rem;
}
.flag .icon-box-content .icon-box-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom:0;
}
.flag .icon-box-content .icon-box-description {
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom:0;
}

.flag.purple { background-color: #B29FB0;}
.flag.green { background-color: #B4DBB5;}
.flag.khaki { background-color: #DBC78E;}


.elementor-widget.c-box:not(:last-child) {
    margin-bottom: .5rem;
}

.box-links {padding: .6rem 0;}
.box-links, .box-links a {color:#FFFFFF;}
.box-links a {padding-left:5px;text-transform:uppercase;}

.box-links + p {display:none;}

/*curved boxes white separator line*/
.elementor-widget-image-box .elementor-image-box-img {border-bottom:5px solid #ffffff;}
/*get rid of space below image*/
.elementor-image-box-img{line-height:0;}


/*Elementor overrides*/
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 18px 20px 0 !important;
}

nav.slideout-navigation {background-color:#E9E9EA;}
ul.slideout-menu {padding-top:2rem;}
button.menu-toggle{padding-bottom:1rem;}



@media screen and (max-width: 1260px){
.site-content {padding:0 1.5rem 1rem 1.5rem;}
.inside-header {padding:0 1.5rem 1rem 1.5rem;}
}

@media screen and (max-width: 985px){
.site-content {padding:0 2rem 1rem 2rem;}
}

@media screen and (max-width: 763px){
}

@media (max-width: 768px){
.site-content{width:320px;margin:0 auto;padding:0;}
div.content-area, .inside-left-sidebar, .inside-right-sidebar {padding:0 19px 19px 19px;}

.v-box, .c-box {width:auto;margin:0 auto;}
.elementor-row .elementor-column-wrap .c-box .elementor-widget-container {border-radius:0 0 0 0 !important;}
.elementor-widget:not(:last-child).c-box{margin-bottom:0;}

.elementor-column-wrap.elementor-element-populated{padding-right:0}
.elementor-element-populated{padding-right:0 !important;}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 0 20px 0 !important;
}
div.v-flag {margin-top:1rem;}
.breadcrumbs {padding-left:1rem;}
}