/*
 Theme Name:   Virtue Child
 Theme URI:    http://example.com/virtue-child/
 Description:  Virtue Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     virtue
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  virtue-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/** HIDE PAGE TITLES **/
.about .page-header {display:none;}
.home-page .page-header {display:none;}
.pledge-events .page-header {display:none;}
.get-involved .page-header {display:none;}


/*-------------------ICON MENU----------------------*/
.home-iconmenu h4 {line-height:20px;} /*line spacing*/
.home-iconmenu a i {color:#444;} /*icon color*/
.home-iconmenu a:hover i {color:#fdeef4;} /*icon color on hover*/
.home-iconmenu a h4 {color:#444;} /*text color*/
.home-iconmenu a h4 {font-size:12pt;} /*text size*/
.home-iconmenu a:hover h4 {color:#fdeef4;} /*text color on hover*/
.home-iconmenu a {background:transparent;} /*background color*/
.home-iconmenu a:hover {background: #f25309;} /*background color on hover*/
.home-iconmenu a {border:1px solid transparent; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;} /*border colour and angle*/
.home-iconmenu a:hover {border:1px solid transparent; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;} /*border on hover*/
.home-iconmenu {margin bottom:-15px}
.home-iconmenu {margin-top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;}
.rowtight {margin-left: 150px; margin-right: 150px;}  /*brings icons closer together*/

/*---------------------MOBILE DEVICES----------------*/

.kad-nav-inner .kad-mnav, .kad-mobile-nav .kad-nav-inner li a, .nav-trigger-case {color:#fff;} /* Menu text colour */
@media (max-width: 640px){.topbarmenu {display: none;}} /*hides top menu when screen reaches a certain width*/
@media (max-width: 640px){.home-iconmenu {display:none;}} /*hides icon menu when screen reaches a certain width*/

/*------------------CONTACT FORM 7------------------*/
div.wpcf7{
     max-width:570px;
     margin:0 auto;
     width:100%;
}
@media screen and (max-width: 599px) {
  .wpcf7-form-control {
    width: 95% !important;
  }}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 textarea {
    background-color: #fff;
    color: #000;
    border-radius:5px;
}
.wpcf7 select {width:15%}
.wpcf7 textarea {height: 100px;}
.wpcf7 input.wpcf7-back, .wpcf7 input.wpcf7-submit {
 padding:5px 5px; background:#f25309; border:1px solid #D05800; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75); color:#f3f3f3; font-size:1.1em;
}
.wpcf7 input.wpcf7-submit:hover, .wpcf7 input.wpcf7-submit:focus{
background-color :#F88017; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
cursor: pointer;
}


/*------------------GOOGLE FORM------------------*/
input.ss-q-short {width: 200px;} /*short text field size*/
textarea.ss-q-long {width: 300px;} /*long text field size*/
div.ss-q-help {font-size: 12px;} /*?*/
/* div.ss-q-title:after {content: ':';} adds colon after field titles*/
div.ss-required-asterisk {font-family: Verdana, Geneva, sans-serif; font-weight:normal; color:#444 } /*'Required' label*/

/*SUBMIT BUTTON*/
#ss-submit {
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding:5px 25px;
background:#F88017; /*the colour of the button*/
border:1px solid #D05800; /*required or the default border for the browser will appear*/ 
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/*SUBMIT BUTTON HOVER AND FOCUS*/
#ss-submit:hover, #ss-submit:focus{
background-color :#D05800; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
cursor: pointer;
}

/*BOX AROUND SUBMIT BUTTON   --   not working yet
div.ss-form-entry td {
   text-align: center;
}*/

div.ss-resp-card {display: none;} /*?*/

div.ss-q-title {font-family: Verdana, Geneva, sans-serif; font-size:1em;
   color:#444;
   height:auto;
   width:
}

/*INPUT FIELDS - TEXT*/
div.ss-form-entry > input {
   display:block;
   padding:5px;
   border-radius:5px;
   margin-bottom:5px;
   margin-top:5px;
   background:#ffffff;
   border:1px solid #f25309;
   font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
   font-size:1em;
}
/*INPUT FIELDS - COMMENTS*/
div.ss-form-entry > textarea {
   display:block;
   padding:5px;
   border-radius:5px;
   margin-bottom:5px;
   margin-top:5px;
   background:#ffffff;
   border:1px solid #f25309;
   font-family: Verdana, Geneva, sans-serif;
   font-size:1em;
}

/*----------------------OTHER-----------------*/
.footernav ul li a {color:#F2FBEF} /*footer menu colour*/
.kad-topbar-left {width: 100%;} /* keeps topbar menu on one line*/