/*
Theme Name:         YDCOZA2017-child
Theme URI:          http://YourDesign.co.za/
Author:             John
Author URI:         http://YourDesign.co.za/
Description:        WordPress On Steroids
Version:            0.0.1
Template:           FoundationPress
License:            Commercial
License URI:        http://www.opensource.org/licenses/mit-license.php
Text Domain:        foundationpress
*/

/* http://www.color-hex.com/color-palette/25950 */
/* YDCOZA Custom Very Small ( 420px )*/
/*@media screen and (max-width: 26.250em) {}*/
/* Small only */
/*@media screen and (max-width: 39.9375em) {}*/
/* Medium and up 640px */
/*@media screen and (min-width: 40em) {}*/
/* Medium only */
/*@media screen and (min-width: 40em) and (max-width: 63.9375em) {}*/
/* Large and up  1024px */
/*@media screen and (min-width: 64em) {}*/
/* Large only */
/*@media screen and (min-width: 64em) and (max-width: 74.9375em) {}*/

/*
#6F7A6B
#87776C ( #75665C )
#A4B19F
#344A50
#5F8188
#3E3F40
#323234
#242527
#FFCB69
*/

/*----------------------------------------YDCOZA----------------------------------------*/
/*	Flex Grid */
/*--------------------------------------------------------------------------------------*/
/*see logo nav > http://demo247.co.za/3ldevelopment/*/
.flex-grid {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media screen and (min-width: 40em) {
    .flex-grid {
      display: flex;
      align-items: center;
      justify-content: center;

    }
}

/*----------------------------------------YDCOZA----------------------------------------*/
/*	misc */
/*--------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 40em) {
	.sidebar {
	     padding-left: 1.5rem;
	}
}
#back-to-top {
    background: #FFCB69
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    border: 1px solid #323234;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222222;
}
.home #page-full-width {
    margin-top: 0;
}
.uppercase {
  text-transform: uppercase;
}
.button.yellow {
  background-color: #FFCB69;
  margin-bottom: 0;
}

/*----------------------------------------YDCOZA----------------------------------------*/
/*  Top Navigation */
/*--------------------------------------------------------------------------------------*/
#site-top-navigation {
  background-color: #6F7A6B;
  color: white;
  text-transform: uppercase;
  padding: 10px 0 8px;
}
#site-top-navigation a {
  color: white;
}
#site-top-navigation img {
  width: 28px;
  margin: -2px 8px 0 0;
}
.top-bar-left {
  /*vertical-align: middle;*/
}
.top-bar .menu .active > a,
.top-bar .menu .current-menu-item {
    background-color: #75665C;
}
.dropdown li.is-dropdown-submenu-item a {
  border-bottom: 1px solid #87776C;
}
.top-bar .menu li:not(:last-child) {
    border-right: 1px solid #9c8678;
}

.top-bar .menu > li.is-dropdown-submenu-parent:not(.menu-text) > a {
    padding-left: 1.5rem;
}
.is-dropdown-submenu-parent:after {
  content:"\f107";
  font-family: "FontAwesome";
  position: absolute;
  top: 13px;
  left: 7px;
  color: white;
}

/*----------------------------------------YDCOZA----------------------------------------*/
/*  Logo Area */
/*--------------------------------------------------------------------------------------*/
h3.header-title {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 10px;
  margin-top: 20px;
}
h3.header-title span {
  color: #5F8188;
}
@media screen and (min-width: 64em) {
  h3.header-title {
    font-size: 3.8rem;
    line-height: 3.8rem;
    margin-top: 0
  }
  .header-title-tag {
    font-size: 1.6rem;
    text-transform: uppercase;
  }
}

/*----------------------------------------YDCOZA----------------------------------------*/
/*  Footer */
/*--------------------------------------------------------------------------------------*/
.before-footer-credits {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 0;
  background-color: #323234;
  color: white;
}
.before-footer-credits img {
  margin-top: 15px;
}
@media print, screen and (min-width: 40em) {
  .before-footer-credits img {
    margin-top: 0;
    text-align: center;
  }
}
.footer-credits {
  color: white;
  background-color: #242527;
  padding: 20px 0;
  font-size: 0.9rem;
  text-align: center;
}
.footer-credits a {
  color: white;
}
@media print, screen and (min-width: 40em) {
  .footer-credits {
    text-align: inherit;
  }
  .footer-credits .right {
    text-align: right;
  }
}

#footer-container {
    background-color: #5F8188;
    color: #cccccc;
}
#footer-container a {
    color: #cccccc;
}
#footer-container a:hover {
    color: white;
}
#footer-container li {
    margin-bottom: 10px;
}
.ydcoza-widget-border {
  padding: 20px;
  border: 1px solid #444444;
  text-align: center;
}
footer .ydcoza-widget-border {
  padding: 20px;
  border: 1px solid #cccccc;
  text-align: center;
}
.ydcoza-widget-border h4 {
  margin-top: 20px;
  margin-bottom: 0;
}
.ydcoza-widget-border span {
  font-size: 1rem;
}
.ydcoza-widget-border form p,
.ydcoza-widget-border form input {
  margin:0;
  width: 100%;
}
.ydcoza-widget-border .wpcf7-submit.button {
  background-color: #A4B19F;
}

.ydcoza-widget-border form .ajax-loader {
  display: none;
}
.ydcoza-widget-border.profile h3 {
  margin-top: 1rem;
}
#footer-container #footer {
    padding: 0.5rem 0;
}
#has-before-footer-widget {
  background-color: #3E3F40;
  padding: 2.2em 0 2em;

}
#before-footer {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: white;
}
@media print, screen and (min-width: 64em) {
  #before-footer {
    letter-spacing: 2px;
  }
}
#before-footer .before-footer-bordered {
  border: 1px solid white;
  padding: 10px;
  margin-top: 20px;
}
@media print, screen and (min-width: 40em) {
  #before-footer .before-footer-bordered {
    margin-top: 0;
  }
}
#before-footer .before-footer-bordered img {
  width: 20px;
}

/*----------------------------------------YDCOZA----------------------------------------*/
/*  Blocks */
/*--------------------------------------------------------------------------------------*/
.solid-green-bg {
  background-color: #A4B19F;
  padding: 20px;
  color: white !important;
  text-align: center;
}
.solid-green-bg .lead {
  margin: 1.2em auto;
}
@media print, screen and (min-width: 40em) {
  .solid-green-bg {
    background-color: #A4B19F;
    padding: 40px;
  }
}
.double-border {
  height: 10px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.solid-darkgreen-bg {
  background-color: #344A50;
  padding: 40px 20px 20px 20px;
  color: white !important;
  text-align: center;
  margin-bottom: -78px;
}