/*
   Theme Name:   Kathy D'Agostino
   Theme URI:    http://winatbusinesscoaching.com
   Description:  Custom Velvet child theme for Kathy D'Agostino
   Author:       NGNG Enterprises
   Author URI:   http://insightfuldevelopment.com
   Template:     Velvet
   Text Domain:  velvet-child
*/

/*

Colors:

blue    =     #283891
green   =     #5f9613

darker blue  =  #182052

purple (from content)  = #71499D

======== Customizations Here... =========================== */


/* ===== Global =========================== */

.screenreader, .screen-reader-text,
.screen-reader, .fontawesome-text { /* Hide visually, but have available for screenreaders */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
 /* ===== Typography =========================== */

h1, h2, h3, h4, h5, h6 {
  margin-top:0!important;
  margin-bottom:20px!important;
}

h2 {
  color:#283891!important;
}

h3 {
  color:#5f9613!important;
}

h3.page-title {
  color:#283891!important;
  text-transform:uppercase;
}

h4 {
  color:black!important;
  font-size:22px!important;
}

.sidebar-box h4.blog-sidebar-title {
  margin-bottom:0!important;
  color:#777!important;
}

h5 {
  font-size:20px!important;
  text-transform: uppercase;
}

h6 {
  font-size:18px!important;
}

p {
  font-size:16px!important;
}

.vc_separator h4 {
  font-size:24px!important;
  color:#777;
}

ul, ol {
  margin-left:40px;
  padding-left:0;
  margin-bottom:20px;
}

ul li, ol li {
  margin-bottom:10px;
}

ul {
  list-style-type:disc;
}

blockquote,
blockquote em,
blockquote strong,
blockquote p {
  font-size:18px!important;
}

blockquote {
  border-left:0!important;
  font-style:italic;
}

.span9 a,
.span12 a {
    text-decoration:underline;
}

.span9 a:focus,
.span12 a:hover,
.span9 a:focus,
.span12 a:focus,
p a:hover {
  text-decoration: none!important;
}

/* =============== Testimonials =========================== */

.testimonials-widget-testimonial {
  padding:20px;
  border:2px solid #283891;
  border-top:5px solid #283891;
}

.testimonials-widget-testimonial.post-376 {
  background:rgba(154, 178, 230, 0.4);
}

.testimonials-widget-testimonial .credit span {
  font-weight:700;
}

.testimonials-widget-testimonial .image {
  margin-right:20px;
}

.testimonials-widget-testimonial q,
.testimonials-widget-testimonial blockquote {
  padding-top:0;
}

/* ===== Header / Nav =========================== */

.nav-wrapper {
  margin-top:50px;
}

.sticky .nav-wrapper {
  margin-top:30px;
}

.sf-menu ul li {
  background-color:#fff!important;
}

.sf-menu > li > a,
#header-wrapper.sticky .sf-menu > li > a {
    padding: 15px 10px !important;
}

#banner img {
  width:100%;
  max-width:100%;
  height:auto;
}

.cbp-spmenu ul li {
  list-style-type:none!important;
}

.cbp-spmenu ul li a:hover,
.cbp-spmenu ul li a:focus {
  color:orange!important;
}

/* ===== Home =========================== */

#home-buttons img:hover,
#home-buttons img:focus {
  opacity:.8;
}

.fourboxes {
    padding: 20px;
    text-color: black;
    background-image: url("http://winatbusinesscoaching.com/dev/wp-content/uploads/2014/09/bg2.jpg");
    background: url("http://winatbusinesscoaching.com/dev/wp-content/uploads/2014/09/bg2.jpg");
    background-repeat:repeat;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
    border-radius: 4px;
}

/* ===== Pages =========================== */


/* ===== Blog & Posts =========================== */

.blog .recent-post-date,
.related-blog-posts .recent-image {
  display:none;
}

.single .recent-post-date {
  position:relative;
  width:auto;
  margin-bottom:10px;
}

.single .related-blog-posts .recent-post-date {
  width:100%;
}

.single .related-blog-posts li {
  list-style-type:none;
}

h3.related-post {
  margin-top:50px!important;
}

.featured-image img {
  width:100%;
  max-width:100%;
  height:auto;
}

.meta span,
.meta span a {
  font-size:12px!important;
}

#image-top {
  display:none;
}


/* ===== Optins & Forms =========================== */

#banner-optin {
  padding:10px 0 5px;
  background:#5f9613;
  margin-bottom:40px;
}

#banner-optin .container {
  padding:0;
  position:relative;
}

#banner-optin .container > * {
  display:inline-block;
  width:auto;
  margin-right:20px;
}

#banner-optin h2,
#banner-optin p {
  color:white!important;
  margin-top:0;
  margin-bottom:0!important;
}

#banner-optin h2 {
  font-size:22px;
  text-transform: uppercase;
  font-weight:700;
}

#banner-optin p {
  font-size:15px!important;
}

#banner-optin .button {
  background:#283891;
  color:white;
  padding:10px 15px;
  border-radius:3px;
  font-size:26px;
  position:absolute;
  top:-10px;
  right:0;
  border:0;
}

#banner-optin .button:hover,
#banner-optin .button:focus {
  text-decoration:none;
  background:#182052;
}

#footer-optin {
  background:#283891;
  color:white;
  padding:20px 0;
}

#footer-optin .container {
  text-align:center;
}

#footer-optin .container .col > *,
#footer-optin form input  {
  display:inline-block;
  margin-right:10px;
}

#footer-optin .container .col {
  float:none;
  clear:both;
  margin:0 auto 10px;
}

#footer-optin h2 {
  color:white!important;
  font-size:24px;
  text-transform: uppercase;
  margin-bottom:0!important;
}

#footer-optin form {
  position:relative;
  top:-3px;
}

#footer-optin form input {
  color:#333;
  font-size:14px;
  padding:4px;
  border-radius:3px;
  border:0;
}

#footer-optin form input[type=submit] {
  display:inline-block;
  padding:10px;
  border-radius:100%;
  background: #5f9613;
  color:white;
  text-align:center;
  border:0;
}

#footer-optin form input[type=submit]:hover,
#footer-optin form input[type=submit]:focus {
  background:#182052;
}


.button, .btn-default, input[type=submit] {
  display:inline-block;
  text-decoration: none!important;
  padding:10px 20px;
  border:1px solid #337ab7;
  border-radius:3px;
  background:white;
}

.button:hover,
.button:focus,
.btn-default:hover,
.btn-default:focus,
input[type=submit]:hover,
input[type=submit]:focus {
  color:white;
  background:#337ab7;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=image],
.gform_wrapper .gform_footer input[type=submit] {
  color:white!important;
}


/* ===== Sidebars & Widgets =========================== */

.sidebar-box ul li {
  margin-bottom:0;
}


/* ===== Social Media Icons =========================== */

ul#menu-social-media-icons,
ul#menu-social-media-icons-1 {
  margin-left:0;
  list-style-type:none;
}

#menu-social-media-icons li,
#menu-social-media-icons-1 li {
  display:inline-block;
  width:30px;
  font-size:30px!important;
  margin-right:10px;
}

#menu-social-media-icons li a,
#menu-social-media-icons-1 li a {
  font-size:30px;
}

#menu-social-media-icons li a:hover i,
#menu-social-media-icons-1 li a:hover i {
  color:#182052;
}

.fa-facebook-square {
  color:#3b5998;
}

.fa-twitter-square {
  color:#00aced;
}

.fa-linkedin-square {
  color:#0976b4;
}

.fa-youtube-square {
  color:#b31217;
}

.fa-google-plus-square {
  color:#dd4b39;
}

.fa-rss-square {
  color:orange;
}

.fa-pinterest-square {
  color:#cc2127;
}

/* ===== Footer =========================== */

#footer-wrapper,
#footer-wrapper h4.footer-heading {
  color:white!important;
}

#footer-wrapper h4.footer-heading {
  text-align:center;
  font-size:20px!important;
}


#footer-wrapper #menu-social-media-icons li a i,
#footer-wrapper #menu-social-media-icons-1 li a i {
  color:#283891!important;
}

#footer-wrapper #menu-social-media-icons li a:hover i,
#footer-wrapper #menu-social-media-icons-1 li a:hover i {
  color:white!important;
}

#footer-wrapper .menu-social-media-icons-container,
#footer-wrapper .menu-social-media-icons-container-1 {
  text-align:center;
}


#copyright {
  background:#333;
  padding:10px 0;
  color:white;
}

#copyright span,
#copyright span a {
  font-size:13px!important;
}

#copyright a:hover,
#copyright a:focus {
  color:#5f9613;
}




/* ===== Media Queries =========================== */

@media (max-width:1200px) {

  #banner-optin h2 {
    font-size:18px;
    position:relative;
    top:-10px;
  }

  #banner-optin p {
    width:300px!important;
  }
}


@media (max-width:992px) {

  #banner-optin .container > * {
    margin-right:10px;
  }

  #banner-optin h2 {
    font-size:16px;
  }
  #banner-optin p {
    font-size:13px!important;
    width:260px!important;
    margin-right:10px;
  }

  #banner-optin .button {
    font-size:18px;
    position:relative;
    left:10px;
  }

  #footer-wrapper .footer-box {
    text-align:left;
  }

  #footer-wrapper h4.footer-heading,
  #footer-wrapper .menu-social-media-icons-container,
  #footer-wrapper .menu-social-media-icons-container-1 {
    text-align:left;
  }
}

@media (max-width:980px) {
  #logo {
    text-align:center;
  }
}

@media (max-width:768px) {

  #banner-optin {
    text-align:center;
    padding-top:20px;
  }

  #banner-optin .container > * {
    margin: 0px auto 10px;
    display:block;
  }

  #banner-optin h2,
  #banner-optin p {
    display:block;
    float:none;
    clear:both;
    width:100%!important;
    padding:0 10px;
    text-align:center;
  }

  #banner-optin .button {
    position:relative;
    clear:both;
    float:none;
    margin:10px auto;
    width:200px;
    top:0;
  }
}
