/*
 Theme Name:   Cupid Child Theme
 Theme URI:    http://themes.g5plus.net/cupid
 Description:  Cupid theme framework is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap. <a href="http://www.g5plus.net">Visit site</a>
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     cupid
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		cupid
*/


/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/

/*Body*/
body {
  color: #121212
}

h1, h2, h3, h4, h5, h6 {
  color: #001534!important  
}

#wrapper-content {
  background-color: #fff
}

/*Make A Donation Button*/
header.header-1 .make_a_donation_button {
  display: none
}

header.header-2 .make_a_donation_button {
  margin-top: 36px!important  
}

header.header-2 .make_a_donation_button a {
  border-radius: 6px;
  width: auto;
  padding: 0 20px!important;
  background-color: #28bfcc!important;
  height: 35px;
  line-height: 33px!important;
  text-align: center;  
}
    
header.header-2 .make_a_donation_button a span {
  font-family: 'Open Sans'!important;
  font-size: 16px;
  color: #fff;  
}

/*Header*/
header .homepage_logo {
  padding-top: 10px;
  background-color: #87A3D5
}

header.header-2 .navbar-header {
  border-bottom: none
}

header.header-1 .navbar-default .navbar-collapse.menu-margin-right-1 {
  margin-right: 0
}

header.header-1 .navbar-collapse {  
  padding-right: 0;  
}

header .navbar-default ul.main-menu li > a {
  font-family: 'Dancing Script', cursive;
  font-size: 24px;
  letter-spacing: 3px;
  text-transform: none;
}

header.header-2 .navbar-default ul.main-menu > li > a {
  padding-left: 13px;
  padding-right: 13px 
}

/*Backgrounds*/
.pc_cloud_left, .pc_cloud_left_bottom, .pc_cloud_right, .pc_cloud_right_bottom {
  background-image: url('images/cloud_bg.png');
  background-repeat: no-repeat;
  background-size: 500px 350px;   
}

.pc_cloud_left {
  background-position: left top;
}

.pc_cloud_left_bottom { 
  background-position: left bottom;  
}

.pc_cloud_right { 
  background-position: right top; 
}

.pc_cloud_right_bottom {
  background-position: right bottom;  
}

/*Titles*/
.page-title-wrapper h2 span.lastWord {
  font-weight: normal
}

/*Call to Action*/
.cupid-call-action p {
  font-family: 'Dancing Script', cursive;
  color: #001534!important  
}

.cupid-call-action p a.cupid-button {
  background-color: #86a3d5;
  font-family: 'Open Sans';  
}

/*Homepage*/
#foreword h3 {
  font-family: 'Open Sans'!important;    
}

#foreword p {
  color: #001534!important  
}

#foreword ul {
  margin-bottom: 20px;  
  list-style: none;
  padding-left: 5px  
}

#foreword ul li {
  display: flex;
  margin-bottom: 10px
}

#foreword ul li:before {
  font-family: 'FontAwesome';
  content: "\f111";
  color: #86a3d4;
  margin: 0 15px 0 0;  
}

#homepage_creche_activities h3 a {
  font-size: 21px;
  color: #fff;
  text-decoration: none  
}

#meet_helen h3 {
  font-family: 'Open Sans'!important;    
}

#meet_helen p {
  color: #001534!important  
}

#meet_helen .vc_btn3-style-classic { 
  background-color: #001534;
  color: #fff  
}

#meet_helen .vc_btn3-style-classic:hover, #meet_helen .vc_btn3-style-classic:focus, #meet_helen .vc_btn3-style-classic:active {
  background-color: #6CD7D9;
  color: #fff  
}

/*Creche*/
#creche_policies h3 {
  font-family: 'Open Sans'!important;
  color: #fff!important  
}

#creche_policies h3 strong {
  color: #051834  
}

#creche_policies p {  
  color: #fff!important  
}

#creche_policies img {
  max-width: 200px  
}

.crech_policies_left, .crech_policies_right {
  float: left;
  color: #fff;
  margin-bottom: 20px  
}

.crech_policies_left {
  margin-right: 20px
}

.crech_policies_left ul, .crech_policies_right ul {
  list-style: none;
  padding-left: 5px  
}

.crech_policies_left ul li, .crech_policies_right ul li {
  display: flex;
  margin-bottom: 10px
}

.crech_policies_left ul li:before, .crech_policies_right ul li:before {
  font-family: 'FontAwesome';
  content: "\f111";
  color: #86a3d4;
  margin: 0 15px 0 0;  
}

/*Activities*/
.activities_widget_center {
  text-align: center
}

.activities_widget_1 {
  font-weight: 600;
  text-align: center;
  color: #fff
}

.activities_widget_2 {
  font-weight: 600;
  text-align: center;
}

.activities_button_1, .activities_button_2, .activities_button_3, .activities_button_4 {
  width: 120px!important;
  height: 120px!important;
  line-height: 20px!important;
  display: inline-flex;
  align-items: center;  
}

.activities_button_1 {
  background-color: #c92f3f!important
}

.activities_button_2 {
  background-color: #ABBFE1!important
}

.activities_button_3 {
  background-color: #ed8631!important;
}

.activities_button_4 {
  background-color: #33a065!important
}

/*Contact Us*/
.page-id-254 .cupid-contact-info .contact-info p {
  padding-left: 0
}

.contact-form-contact-us .wpcf7-text::-webkit-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-text::-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-text:-ms-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-text:-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-textarea::-webkit-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-textarea::-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-textarea:-ms-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-textarea:-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-submit {
  text-transform: uppercase
}

.contact-form-contact-us .wpcf7-text, .contact-form-contact-us .wpcf7-textarea {
  font-size: 15px!important;
  color: #fff!important;
  background-color: #86a3d5!important;
  border-radius: 10px
}

.cupid-contact-info {
  background-color: #86a3d5;
  width: 270px;
  height: 270px
}

.cupid-contact-info .contact-icon i, .cupid-contact-info h4, .cupid-contact-info p, .cupid-contact-info p a {
  color: #fff!important;
  text-align: center!important
}

.cupid-contact-info .contact-icon i {
  padding-top: 60px
}

.cupid-contact-info h4:after {
  border-bottom: none!important;
  display: block;
  padding-top: 0
}

.cupid-contact-info .contact-info i {
  color: #fff
}

/*Enrolment*/
.pc_enrolment_wrapper, .pc_online_enrollment_instructions {
  margin: 20px 0;
  padding: 20px;
  background-color: #3874af;  
}

.pc_enrolment_wrapper h2, .pc_enrolment_wrapper p, .pc_enrolment_wrapper ul li, .pc_online_enrollment_instructions h2, .pc_online_enrollment_instructions p, .pc_online_enrollment_instructions ul li {
  color: #fff!important
}

.pc_enrolment_wrapper .vc_separator, .pc_online_enrollment_instructions .vc_separator {
  margin: 10px auto;
}

.pc_enrolment_wrapper .vc_btn3-style-classic, .pc_online_enrollment_instructions .vc_btn3-style-classic { 
  background-color: #6CD7D9;
  color: #fff  
}

.pc_enrolment_wrapper .vc_btn3-style-classic:hover, .pc_enrolment_wrapper .vc_btn3-style-classic:focus, .pc_enrolment_wrapper .vc_btn3-style-classic:active, .pc_online_enrollment_instructions .vc_btn3-style-classic:hover, .pc_online_enrollment_instructions .vc_btn3-style-classic:focus, .pc_online_enrollment_instructions .vc_btn3-style-classic:active {
  background-color: #001534;
  color: #fff  
}

.pc_enrolment_wrapper .vc_btn3-container, .pc_online_enrollment_instructions .vc_btn3-container {
  margin-bottom: 5px
}

.enrol_online_form .row {
  margin-bottom: 15px;  
}

.enrol_online_form .wpcf7-text, .enrol_online_form .wpcf7-textarea, .enrol_online_form .wpcf7-select {
  width: 100%;
  color: #121212;
  font-size: 14px
}

.enrol_online_form .wpcf7-date {
  width: 100%;
  color: #121212;
  background: #F6f6f6;
  border: 1px solid #f6f6f6;
  padding-top: 3px;
  padding-bottom: 2px
}

.enrol_online_form .wpcf7-submit:hover {
  color: #fff!important;
} 

.enrol_online_form .enrol_form_heading {
  text-align: center;
  font-family: 'Dancing Script', cursive;
  font-size: 22px;
}

.pc_conditional_button, .pc_conditional_text2 {
  display: none
}

.cf7mls_next, .cf7mls_back {
  background-color: #001534!important
}

.cf7mls_next:hover, .cf7mls_back:hover {
  background-color: #6CD7D9
} 

button#cf7mls-next-btn-enrol_step_2::after {
	content: "Next";
  	display: inline-block;
  	color: white;
}

button#cf7mls-next-btn-enrol_step_3 {
	display: block!important
}

button#cf7mls-next-btn-enrol_step_3::after {
	content: "Next";
  	display: inline-block;
  	color: white;
}

/*Misc*/
ul.fa_dots {
  margin-bottom: 20px;  
  list-style: none;
  padding-left: 5px 
}

ul.fa_dots li {
  display: flex;
  margin-bottom: 10px
}

ul.fa_dots li:before { 
  font-family: 'FontAwesome';
  content: "\f111";
  color: #86a3d4;
  margin: 0 15px 0 0;
}  

.pc_white_text, .pc_white_text h2 {
  color: #fff!important  
}

.pc_blue_text, .pc_blue_text h2 {
  color: #86a3d5!important  
}

.pc_star_li ul {
  list-style-type: none;
}

.pc_star_li ul li {
  display: flex;
  margin-bottom: 5px
}

.pc_star_li ul li:before { 
  font-family: 'FontAwesome';
  content: '\f005';
  margin: 0 5px 0 -15px;
}  

.cupid-heading h2:before {
  font-family: 'FontAwesome';
  content: "\f0c2";
  width: 0;
  height: 0;
  color: #6cd7d9;
  text-indent: -50px;
}

.pp_description {
  display: none!important
}

/*Socials*/
.pc-social-facebook {
  color: #4167B1
}

.pc-social-facebook .fa-facebook:before {
  color: #fff
}

/*Footer*/
footer .footer-top-widget-area {
  background-color: #abbfe1  
}

footer ul.address-info li.title {
  font-family: 'Dancing Script', cursive;
  font-size: 32px!important  
}

footer ul.address-info li.contact_header {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 18px  
}

footer ul.address-info li {
  color: #fff!important  
}

footer .contact-form-input #your-email::-webkit-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-email::-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-email:-ms-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-email:-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-message::-webkit-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-message::-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-message:-ms-input-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input #your-message:-moz-placeholder {
  color: #fff!important;
  text-transform: uppercase
}

footer .contact-form-input input, footer .contact-form-input textarea {
  background-color: #86a3d5!important;
  border-radius: 10px  
}

footer .contact-form-submit input[type=submit] {
  background-color: #001534!important;
  text-transform: uppercase
}

footer .footer-bottom {
  background-color: #001534
}

footer .footer-bottom-inner {
  padding: 25px 50px
}

footer .footer-bottom-inner img {
  max-height: 180px;
  text-align: right 
}

footer .footer-col-2 {
  padding: 0;
  margin: 0;
  float: left;
  width: 50%;
  height: 100%;   
}

footer .pc_footer_logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;  
}

.download_documents {
  text-align: left;
  color: #fff;
  font-size: 16px;
  max-width: 350px
}

.how_to_enroll {
  text-align: left;  
}

.how_to_enroll p {
  display: inline-block;
  font-family: 'Dancing Script', cursive;
  color: #fff!important;  
  font-size: 21px;
  margin-right: 15px;  
}

.how_to_enroll a {
  background-color: #86a3d5;
  font-size: 12px!important;  
}

footer .footer-bottom-last {
  border-top: 8px solid #333;
  background-color: #001534;
  padding: 15px 50px;
  display: flex;  
  align-items: center;
}

footer .fbl_email {
  text-align: left; 
}

footer .fbl_email a {
  color: #fff;
  font-size: 18px  
}

footer .fbl_email a:hover {
  color: #28bfcc  
}

footer .fbl_mad {
  text-align: right
}

footer .footer-bottom-last a.cupid-button.button-md {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: auto;
  padding: 0 20px;
  background-color: #28bfcc;
  height: 50px;
  line-height: 50px;  
}

.footer-copyright-inner p:first-child {
  margin-top: 20px
}

#go-top {
  right: 10px;
  bottom: 10px
}

#go-top > i {
  background-color: #28bfcc  
}

#go-top > i:hover {
  background-color: #001534!important;
}

/*Popups*/
.pum .pum-title {
  font-family: 'Dancing Script', cursive;
  font-size: 24px;
  letter-spacing: 3px;  
}

.pum ul {
  margin-bottom: 20px;  
  list-style: none;
  padding-left: 5px  
}

.pum ul li {
  display: flex;
  margin-bottom: 10px
}

.pum ul li:before {
  font-family: 'FontAwesome';
  content: "\f111";
  color: #86a3d4;
  margin: 0 15px 0 0;  
}

/*404*/
.error404 h1 {
  font-family: 'Open Sans'!important;
  color: #fff!important;
  font-size: 124px!important  
}

.error404 .description span {
  font-size: 18px
}

.error404 .description span a {
  color: #a8bbe0
}

/*Media Queries*/
@media only screen and (min-width: 1216px) {
  #milestone_achievements h2 {
    min-height: 70px;
  }
}

@media only screen and (max-width: 1024px) {
  #enrol_form_left_column, #enrol_form_right_column {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1215px) {
  #milestone_achievements h2 {
    min-height: 100px;
  }
}

@media only screen and (min-width: 992px) {
  header.header-2 .navbar-header {
    height: auto;
  }
  
  #homepage_creche_activities h3 {
    min-height: 100px;   
  }
}

@media only screen and (max-width: 991px) {
  header.header-2 .icon-search-menu {
    display: none;
  }
  
  header.header-2 .make_a_donation_button {
    margin-top: 0!important;
    border-top: none!important
  }
  
  header.header-2 .make_a_donation_button a {
    height: auto;
    width: 100%;
    max-width: 250px;
  }
  
  .full_if {
    width: 100%
  }
  
  .cupid-button.activities_button_1, .cupid-button.activities_button_2, .cupid-button.activities_button_3, .cupid-button.activities_button_4 {
    width: 120px!important;
    height: 120px!important;
    line-height: 20px!important;
    display: inline-flex;
    align-items: center;
    font-size: 14px!important; 
  }
  
  .wpcf7-form .contact-form-submit {
    float: none;
    text-align: center
  }
  
  footer ul.address-info li {
    text-align: center
  }    
  
  footer .footer-col-2 {
    float: none;
    width: 100%;
    height: auto  
  }
  
  .download_documents {
    text-align: center;
    max-width: none
  }
  
  .how_to_enroll {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  
  .how_to_enroll a.cupid-button.button-md {  
    font-size: 12px!important;
    width: 80px!important;
    height: 80px!important;
    line-height: 80px!important; 
  }   
  
    
  footer .pc_footer_logo {
    display: block;
  }
  
  footer .footer-bottom-last {
    display: block
  }
  
  footer .fbl_email, footer .fbl_mad {
    text-align: center
  }
  
  footer .fbl_mad {
    padding-top: 15px
  }
  
  footer .footer-bottom-last a.cupid-button.button-md {  
    width: auto!important; 
  }  
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  #milestone_achievements h2 {
    min-height: 170px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  #homepage_creche_activities h3 {
    min-height: 125px;   
  }
}

@media only screen and (min-width: 768px) {
  #meet_helen .vc_btn3-center {
    text-align: left
  }  
}

@media only screen and (max-width: 767px) {    
  #foreword img {
    max-width: 300px
  }
  .footer-top-widget-area .contact-form-submit {
    float: none;
    text-align: center
  }
  .footer-top-widget-area .contact-form-submit .wpcf7-submit {
    float: none
  }          
}

@media only screen and (max-width: 480px) { 
  .crech_policies_wrapper {
    margin-bottom: 20px!important
  }
  
  .crech_policies_left {
    margin-bottom: 0  
  }
}