/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/
@import url(https://fonts.googleapis.com/css?family=Fira+Sans);

/* ===================================================== */
/*MAIN rules */
/* ===================================================== */
   /* Make the drop down menu containers bigger */
      .dropdown-menu li a {
         padding: 12px 18px;
         font-size: 13px;
         font-weight: 400;
      }

   /* Horizontal separator*/
      .vc_separator h4 {
         font-weight: 400 !important;
      }

/* ===================================================== */
/* HEADER */
/* ===================================================== */

/* Hide default title for all pages - title is added in the content editor instead */
.page-title {
   display:none !important;
}

/* Bring up navigation over the slider */
.navbar-transparent:not(.kleo-navbar-fixed) #header {
   z-index: 2 !important;
   background: white !important;
}

/* Add gradient brand colors on top oof homepage slider */
#rev_slider_1_1_forcefullwidth rs-static-layers {
      background: rgb(144,222,200) !important;
      background: linear-gradient(45deg, rgba(144,222,200,0.5) 0%, rgba(104,143,248,0.5) 100%) !important;
   }

   ul#menu-main-navigation.nav.navbar-nav li a {
      color: #444444;
   }
   /*Adds color to hover over main nav*/
      ul#menu-main-navigation.nav.navbar-nav li a:hover {
         color: #00b9f7 !important;
      }

      /*  Align header menu between pages */
      .navbar-transparent.on-dark-bg .navbar .navbar-nav > li > a {
         color: #444444;
      }
      .navbar-transparent .navbar-toggle .icon-bar {
         background: black !important;
      }
      .navbar-transparent.on-dark-bg .navbar .navbar-nav .caret:after {
         color: rgba(68,68,68, 0.2);
      }
      .navbar-transparent .navbar-nav > li > .dropdown-menu {
         background: white;
      }
      .navbar-transparent .navbar-nav .dropdown-menu li a {
         color: #444444 !important;
      }

   /* Adds margin for the header logo */
      img#logo_img {
         max-height: 90% !important;
         padding-top: 5px;
      }

   /* Change font size for separator */
      .separator-font {
         font-size: 14px;
      }

/* ===================================================== */
/* MEDIA LABS page*/
/* ===================================================== */

   /* align left category names*/
      .vc_grid-filter.vc_grid-filter-center {
         text-align: left;
      }

   /* Resize post preview icons*/
      div.vc_icon_element-inner.vc_icon_element-color-grey.vc_icon_element-size-sm.vc_icon_element-style-.vc_icon_element-background-color-grey {
         max-width: 30% !important;
      }

      div.vc_icon_element-inner.vc_icon_element-color-grey.vc_icon_element-size-sm.vc_icon_element-style-.vc_icon_element-background-color-grey {
         height: 3em;
      }

      div.article-media {
         max-height:600px;
      }

      .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span, .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item {
         font-size: 16px;

      }

/* ===================================================== */
/* CONTACT US page*/
/* ===================================================== */

      button#wpforms-submit-8979.wpforms-submit {
         background-color: #F4524D;
         border:none;
         font-size: 14px;
         color: white;
         padding: 14px 20px;
         border-radius: 5px;
         font-weight: 300 !important;
         -webkit-transition: background-color 0.3s;
         transition: background-color 0.3s;
      }

      button#wpforms-submit-8979.wpforms-submit:hover {
         background-color: #f23630;
         -webkit-transition: background-color 0.3s; /* Safari */
         transition: background-color 0.3s;
      }
      .wpforms-field-label {
         font-weight: 300 !important;
      }

/* ===================================================== */
/* MEDIA QUERIES */
/* ===================================================== */
@media (min-width: 992px) and (max-width: 1200px) {
   /* Make header logo smaller to fit in the whole menu */
   div .logo {
      margin: 0 !important;
      width: 85% !important;
   }

   .primary-menu.collapse.navbar-collapse.nav-collapse {
      padding: 0 !important;
   }
}

@media (max-width: 991px){
      /* Arrange featured items in a row */
      div.one-by-one-animated.animate-when-almost-visible {
         display: flex;
      }

      div.wpb_column.vc_column_container.vc_col-sm-8.vc_col-xs-12 {
         margin: 0 auto;
         width: 100%;
      }

      #footer div.col-sm-3 {
         width: 50%;
      }


      /* adjust menu for different pages */
      .navbar-transparent.on-dark-bg #ajax_searchform {
         background: white !important;
      }
      .navbar-transparent input.form-control[type=text] {
         border-color: grey;
      }
   }

   @media (max-width: 768px){
         #footer div.col-sm-3 {
         width: 100%;
         }

         /* Find a partner form adjustments*/
         div.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1469784103674.vc_row-has-fill {
            margin: 0 auto;
         }

         div.vc_column-inner.vc_custom_1471085345811 {
            padding: 0 !important;
            margin: 0 auto;
            margin-top: 0 !important;
            width: 100%;
         }

         div.wpb_column.vc_column_container.vc_col-sm-6 {
            width: 100%;
         }
   }

   @media (max-width: 414px) {
      /* Display featured items in a column*/
      div.one-by-one-animated.animate-when-almost-visible {
         display: block;
      }
   }