/*
Theme Name:     Veda Child
Theme URI: 	http://wedesignthemes.com/themes/veda
Author: 	the DesignThemes team
Author URI: 	http://themeforest.net/user/designthemes
Description:    Child theme for the Priority theme powered by DesignThemes
Template:       veda
Version:        1.0
*/

// CUSTOM STYLES


.eco_post_container {
   width: 100% !important;
}

.full-width-row {
   width: 100% !important;
}

a {
   text-decoration: none !important;
}

.vc_inline-link, .commententries, .post-edit-link, .ico-format, .main-title-section-wrapper  {
   display: none !important;
}

.single-post #main .container, .page #main .container, .archive #main .container {
    padding-top: 80px;
}

.home #main .container {
    padding-top: 0px;
}

#primary.with-right-sidebar {
    width: 840px;
}

html #player .ytp-title {
    display: none !important;
}

/*------- MENU -------*/

.header-align-center.fullwidth-menu-header .is-sticky .menu-wrapper, .standard-header .is-sticky .main-header-wrapper, .header-on-slider .is-sticky .main-header-wrapper, .fullwidth-header.semi-transparent-header.header-on-slider .is-sticky .main-header-wrapper, .header-align-left.fullwidth-menu-header.semi-transparent-header .is-sticky .menu-wrapper, .header-align-left.transparent-header .is-sticky .menu-wrapper {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#main-header-wrapper-sticky-wrapper {
    height: auto !important;
}

#logo a {
    height: 90px;
    padding: 5px 0px !important
}

.is-sticky #logo{
    height: 70px;
}

.is-sticky #logo a {
    height: 70px;
    padding: 5px 0px !important
}

.is-sticky #logo a img {
    vertical-align: top !important;
}

.menu-active-highlight-grey #main-menu > ul.menu > li.current_page_item, .menu-active-highlight-grey #main-menu > ul.menu > li.current_page_ancestor, .menu-active-highlight-grey #main-menu > ul.menu > li.current-menu-item, .menu-active-highlight-grey #main-menu > ul.menu > li.current-menu-ancestor {
    background: #ffffff;
}

.social {
   height: 90px;
   display: table-cell;
   vertical-align: middle;
}

.is-sticky .social {
   height: 70px;
}

.footer-social {
   float: right;
}

.social img,.footer-social img  {
   width: 30px; 
   height: 30px;
}

/*------- FOOTER -------*/

#categories-2 .selection-box select option {
    background-color: rgba(0,0,0,1);
}

.widget.widget_nav_menu ul.menu li a {
   text-transform: none;
}


/*------- CAROUSELS -------*/

.owl-controls {
    margin: 0px;
    padding: 0px;
}

.owl-nav {
    width: 200px;
    display: block;
    margin: 0px auto;
}

.owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    width: 50px;
    padding: 0 12px;
    opacity: 0.8;
}

.owl-next {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    width: 50px;
    padding: 0 12px;
    opacity: 0.8;
}

.owl-stage-outer {
   padding: 30px 0px;
   margin: 0 50px;
}




/*------- HOME PAGE -------*/

#eco_post, #eco_post_cont {
   padding: 50px 0px; 
}

.eco-post-wrapper {
   width: 100%;
   height: 300px;
}

.eco-post-wrapper .eco-post-holder, .eco-post-wrapper .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.eco-post-wrapper .overlay {
   background-color: rgba(0,0,0,0.4);
   color: #fff;
   width: calc(100%);
   height: calc(100%);
   padding: 0 15px;
   text-align: center;
   align-items: center;
   display: flex;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   opacity: 1;
}

.eco-post-wrapper .overlay a {
   color: #fff;
}

.eco-post-wrapper:hover .overlay a {
   color: #c8d34a;
}

.eco-post-wrapper:hover .overlay {
   background-color: rgba(0,0,0,0.7);
   color: #c8d34a;
}

.eco-post-wrapper .overlay div {
   width: 100%;
}

#continent_post {
   padding: 50px 0px; 
   background-attachment: fixed !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}

.iOS #continent_post {
   background-attachment: scroll !important;
}

#continent_post .owl-item .images-holder {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}

#continent_post .owl-item .image1 {
  position: relative;
  top: 0;
  left: 0;
}

#continent_post .owl-item .image2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}

#continent_post .owl-item .image2 img {
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

#continent_post .owl-item:hover .image2 img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

#continent_post .owl-item a {
    color: #000;
}

#continent_post .owl-item h3 {
    text-transform: uppercase;
}

#continent_post .owl-item:hover h3 {
    font-weight: bold;
}



#pillar_section {
   padding: 50px 0;
}

.pillar-tip {
    font-size: 12px;
    font-style: italic;
}

#pillar_section .home-pillar-image {
   margin: 0 auto;
   display: block;
   width: 100%;
   max-width: 500px;
   height: auto;
}

.pillar-item {
   width: 100%;
   min-height: 160px;
   height: auto;
}

.pillar-item .image-holder, .pillar-item .pillar-info {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    min-height: 160px;
    padding: 20px;
    width: 100%;
}

.pillar-item .pillar-info {
    background-color: rgba(200,211,74,1);
    color: #444;
    text-align: justify;
    display: none;
    z-index: 1;
}

.pillar-item:hover .pillar-info {
   display: block;
}



#blog_post {
   padding: 50px 0;
}


#com_cont {
   padding: 100px 0;
   text-align: center;
   color: #fff;
   background-attachment: fixed !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}

.iOS #com_cont {
   background-attachment: scroll !important;
}

#about-us-image {
   padding: 100px 0;
   text-align: center;
   color: #fff;
   background-attachment: fixed !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}

.iOS #about-us-image {
   background-attachment: scroll !important;
}

.view-all-button {
   width: 200px;
   background: #c8d34a;
   color: #333;
   font-weight: bold;
   padding: 12px 20px;
   text-align: center;
   margin: 20px auto 0px;
}

.contribute-button {
   width: 200px;
   background: #c8d34a;
   color: #333;
   font-weight: bold;
   padding: 12px 20px;
   text-align: center;
   margin: 20px auto 0px;
}

.view-all-button:hover {
   background: #333; 
   color: #c8d34a;
}

.contribute-button:hover {
   background: #fff; 
}


/*------- REGIONS-------*/

.region-blog-banner1 {
    width:100%; 
    background-size: cover; 
    background-position: center center; 
    display: flex; 
    align-items: center;
}

.region-blog-banner2 {
    width:100%; 
    height: 250px; 
    background: url('/wp-content/uploads/2016/12/cropped-mountain_sunset.jpg'); 
    background-size: cover; 
    background-position: center center; 
    display: flex; 
    align-items: center;
}

.region_gallery_image {
    height: 100%; 
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.iOS .region_gallery_image {
    background-attachment: scroll;
}

/*------- SINGLE REGIONS-------*/

#country_post .owl-item a {
    color: #000;
}

#country_post .owl-item h3 {
    text-transform: uppercase;
}

#country_post .owl-item:hover h3 {
    font-weight: bold;
}

.region-row img {
   display: block;
   margin: 0 auto;
}


/*------- BLOG PAGE -------*/

.blog-item {
   height: 450px;
   margin-bottom: 20px;
   box-shadow: 1px 2px 4px rgba(0,0,0,0.16), 1px 2px 4px rgba(0,0,0,0.23);
   width: 100%;
}

.blog-entry .entry-thumb {
    max-height: 600px;
    overflow: hidden;
}

.blog-item .blog-entry .entry-thumb {
    float: left;
    margin: 0px;
    width: 100%;
    height: 225px;
    position: relative;
    line-height: 0px;
}

.blog-item .blog-entry .entry-thumb img {
    width: 100%;
    height: 225px;
}

.blog-item .blog-entry .entry-details {
   height: 225px;
   padding: 15px;
   overflow: hidden;
}

.blog-item .blog-entry .entry-title h4 {
   font-size: 16px;
   letter-spacing: 0px;
   margin: 0 0 10px;
}

.blog-item .blog-entry .entry-meta .author, .blog-item .blog-entry .entry-meta .date {
   display: block;
   font-size: 11px;
   line-height: 16px;
}

.blog-item .blog-entry .entry-body {
    margin: 0px;
    float: left;
    clear: both;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}


/*---------- ECO POSTS ------------*/

.dim {
   color: #ffffff;
   opacity: 0.4;
   font-size: 18px;
}

.highlight {
    color: #c8d34a;
    opacity: 1 !important;
    font-size: 18px;
}

figure {
   max-width: 100% !important;
   height: auto !important;
}





/*--------- ECO PRODUCT PAGE ---------*/


.page-template-tpl-eco_product .blog-entry .entry-thumb img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}












/*--------- SMALLER SCREEN SIZES ---------*/


@media only screen and (max-width: 1199px) {
#primary.with-right-sidebar {
    width: 640px;
    padding-right: 0px;
}

}


@media only screen and (max-width: 991px) {
#primary.with-right-sidebar {
    width: 100%;
    padding-right: 0px;
}

}

@media only screen and (max-width: 767px) {
#primary.with-right-sidebar {
    width: 100% !important;
    padding-right: 0px;
}

.container {
   width: 100% !important;
}

.pillar-item .image-holder, .pillar-item .pillar-info {
    position: relative !important;
    display: block !important;
    min-height: 0px !important;
}

.pillar-tip {
    display: none;
}

}



