/*
 Theme Name:   Zakra Child
 Theme URI:    http://localhost:8888/mediamanatee/zakra-child
 Description:  Zakra Child Theme
 Author:       Nadine Ohlwein
 Author URI:   http://localhost:8888/mediamanatee/zakra-child
 Template:     zakra
 Version:      1.0.0
 Text Domain:  zakrachild
*/


h2.widget-title::before
{
	background-color: #ffffff !important;
}

.headline-pic-manatee
{
    background-color: #ffffff;

}
    


h1, h2, h3, h4, h5, h1.elementor-heading-title.elementor-size-default, h2.elementor-heading-title.elementor-size-default, h3.elementor-heading-title.elementor-size-default, h4.elementor-heading-title.elementor-size-default, .tg-primary-menu, .elementor-button-text
{  
    font-family: 'Raleway', sans-serif !important;
}
/*
.tg-primary-menu > div ul
{
    font-size: 22px;
    font-weight: 300;
    padding-top: 55px;

}


.tg-primary-menu > div ul li a
{
    color: #2f5369 !important;
    text-transform: uppercase;
}
*/

.zak-primary-nav li a
{
    color: #2f5369 !important;
    text-transform: uppercase;
	font-size: 22px;
    font-weight: 500;
    padding-top: 55px;
}

.zak-primary-nav .current-menu-item a, .zak-primary-nav li a:hover, .footerlinks a:hover, .footerlinks a:active, #contactmail a:hover, .social-icon a:hover
{
    color: #cdadb5 !important;

}

/*
.tg-site-footer-widgets a:hover, .tg-primary-menu > div ul li a:hover, .tg-primary-menu > div ul li.current_page_item > a:hover, 
.tg-primary-menu > div ul li.current_menu_item > a:hover, #contactmail:hover, #contactsocial:hover,
.main-navigation.tg-primary-menu > div > ul > li.current_page_item > a, .main-navigation.tg-primary-menu > div > ul > li.current-menu-item > a

{
    color: #cdadb5 !important;

}



.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a::before, 
.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a::before
{
    background-color: #2f5369;
}
*/
p
{
    margin-bottom: 0.6em !important;
}

.social-grid
{
display: inline-grid;
grid-template-columns: auto auto;
font-size: 40px;
}

.social-icon
{
    padding-right: 10px;
}

.tg-site-footer .tg-site-footer-widgets
{
    border: none;
}

#quote
{
    font-weight: 500;
}


/*Portfolio Archive page header*/

#portfolio-header
{
    font-size: 40px;
    font-family: 'Raleway', sans-serif;
    color: #54595F;
    background-color: #D3D4D9;
    margin: 0px 0px 0px -140px;
    height: 130px;
    width: 1440px;
	text-align: center;
	padding-top: 30px;
}



#primary-archive
{
    width: 100%;
    padding-right: 60px;
}

.custom-gallery
{
  
   /* width: 1170px;*/
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    margin-left: -25px;
}

/* Responsive layout - makes a one column layout instead of a two-column layout 
@media (max-width: 800px) {

    .custom-gallery-post
    {    
    width: 387px;
    height: 262px;
    margin: 10px 0px 10px 25px;
   }
   
}*/



.custom-gallery-post
{
    margin: 50px 0px 50px 25px;
    position: relative;
    width: 517px; 
    height: 430px;


}




.project-image-text
{
  color: #54595F;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  padding-top: 16px;
  text-align: center;
  text-transform: uppercase;
}

.project-title
{
    color: #6D2E46;
}

.project-header
{
    font-family: 'Raleway', sans-serif;
    padding-top: 16px;
    text-align: center;
    text-transform: uppercase;
}

#contactpage, #contactsocial, .formbutton
{
    color: #6D2E46 !important;
}




#contactmail
{
    color: #7A7A7A;
}



/*contact form styling*/
.formbutton
{
    color: #ffffff !important;
    background-color: #6D2E46 !important;
    font-weight: bold !important;
}

.formbutton:hover
{
    background-color: #cdadb5 !important;
}

.input-text
{
    background-color: #E9EAF0;
    border: none !important;
    color: #7A7A7A!important;
  }


  input[type=text], [type=email], [type=select] {
    height: 50px !important;
    color: #7A7A7A!important;
  }

 
  .selectstyling
{
    position: relative;


}
      
      /*To remove button from IE11*/
      select::-ms-expand {
           display: none;
      }

  .selectstyling:after
  {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color:#7A7A7A !important;
    right: 11px;
    top: 12px;
 
  
    position: absolute;
    pointer-events: none;
  }

  .selectstyling select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    /* Add some styling */
    
    display: block;
    width: 500px !important;
    float: right;
    background-image: none;
    height: 50px;
    -ms-word-break: normal;
    word-break: normal;

  }




  select:required:invalid {
    color:  #b8bec6!important;
  
  }
  option {
    color: black;
  }
 
  textarea
  {
    resize: none;
  }


  .everest-forms .everest-forms-notice--success
  {
    background-color: #6D2E46;
  }

  .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.everest-forms-invalid > label, .everest-forms label.evf-error
  {
      color:#6D2E46;
  }

  .footer-sidebar-1
  {
      padding-right: 55px;
  }

  .wp-image-2378
  {
      margin-top: -30px;
  }


/*cookie consent*/
.cli-tab-footer .wt-cli-privacy-accept-btn, .cli-switch input:checked + .cli-slider
{
	background-color: #2f5369;
}

  /*
  .tg-site-header
   {
    border-bottom: 1px solid #e9ecef;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    width: 100%;
  }


.tg-site-header-bottom
{
    padding: 0;
  
    z-index: 170;
    background-color: white;
    width: 100%;
    height: 115px;
  
}
*/

/*mobile menu*/
.tg-mobile-navigation > div ul li.current_page_item > a, .tg-mobile-navigation > div ul li.current-menu-item > a
{
    color: #6D2E46;
}

.footerlinks
{
	margin-bottom: 5px;
}


@media only screen and (max-width: 1280px) {
.elementor-1333 .elementor-element.elementor-element-91f9ad9 > .elementor-element-populated, 
.elementor-element.elementor-element-17dd3e8 > .elementor-element-populated
{
    margin-left: 0px !important;
}
.elementor-1333 .elementor-element.elementor-element-afe48a1 > .elementor-element-populated
{
    padding-bottom: 40px !important;
}
.custom-gallery
{
    margin-left: 20px;
}

.elementor-387 .elementor-element.elementor-element-7f2ac5e > .elementor-element-populated
{
    margin: 0px 30px !important;
}
	
	#portfolio-header
{
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    color: #54595F;
    margin: -80px 0 0 30px;
    height: 130px;
    width: 100%;
    padding-top: 30px;
    text-align:center;
}
}