/*
 Theme Name:   Passion4life 2020
 Theme URI:    https://generatepress.com
 Description:  Passion4life - Web Squared Limited - GeneratePress child theme
 Author:       Web Squared
 Author URI:   https://websquared.co.uk
 Template:     generatepress
 Version:      0.1
*/
/*
FONTS

font-family: 'Hind', sans-serif;

COLOURS
gold ef9e22
black 181818


*/

body {font-family: 'Hind', sans-serif;}

h1.entry-title {text-align:center; font-weight:500; font-size:43px;}


/*HEADER*/
/*3col header https://generatepress.com/forums/topic/header-3-column-layout-2-navigation-areas/ */
.inside-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-widget {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}



/*.inside-header {border:1px solid red;}*/
.site-logo {padding:1em;}

.header-text {margin-top:1em;}

.header-text.contact {
color:#ef9e22;
font-size:1.6em;
}
.header-text.contact a {color:#ffffff;}


.header-text.social {margin:1em 0;}
.header-text.social a.email,
.header-text.social a.facebook,
.header-text.social a.twitter,
.header-text.social a.linkedin {
color:#ffffff;    
border-radius: 20px;
width:10px;
height:10px;
margin-right:5px;
}

.header-text.social a.email {
background: #4c4c4c;
padding: 10px 14px 6px 14px;
}
.header-text.social a.facebook {
background: #4c4c4c;
padding: 10px 16px 6px 16px;
}
.header-text.social a.twitter {
background: #6c6c6c;
padding: 10px 13px 6px 13px;
}
.header-text.social a.linkedin {
background: #7f7f7f;
padding: 10px 14px 6px 14px;
}



/*for mobiles*/
@media only screen and (max-width: 768px) {
.inside-header {flex-direction: column;}
.header-widget {padding:0; margin:0; display:none;}
.site-logo {padding:1em 0 0 0;margin:0 auto;}
.header-text {display:none;}
}


/*NAVIGATION*/
#site-navigation {margin:3em 0 0 0 ; }
.main-navigation a {font-size:1.2vw !important;}
/*for mobiles*/
@media only screen and (max-width: 768px) {
#site-navigation {margin:0 ; padding:0;}
.main-navigation a {font-size:1.0em !important;}
}



/*MAIN BANNER*/
#widget_banner {
background: #ececec url("https://www.passion4life.org/wp-content/uploads/2020/03/banner-main2.jpg") no-repeat bottom right; 
color:#181818; 
margin:0; 
padding:30% 0 0em 0;
background-size:cover;
}
.w_banner h4 {display:none;}
.w_banner p {
color:#181818; 
/*text-transform:uppercase;*/
margin:0; 
padding:0em 0 0em 0;
background-size:cover;
font-size:2.8vw;
font-weight:700;
font-style:italic;
text-align:center;
line-height:2.2em;
letter-spacing:3px;
}
/*<h1><center><i><b>"Don't let your past define your future!"</b></i></center></h1>*/

/*for mobiles*/
@media only screen and (max-width: 768px) {
.w_banner p {letter-spacing:0px;}
}

/* PROFESSIONAL BANNER*/
#widget_prof {
/*background:#ffffff url("https://www.passion4life.org/wp-content/uploads/2020/03/banner-personalcoaching2.jpg") no-repeat 70% 0;*/ 

background:#ffffff url("https://www.passion4life.org/wp-content/uploads/2020/06/banner-business2020-2.jpg") no-repeat 70% 0; 
color:#181818; margin:0; 
padding:4em 0 3em 0;
background-size:cover;

}

.widget_prof {
max-width:1410px;
margin:0 auto;
}

#widget_prof h4 {display:none;}

#widget_prof h4 {display:none;}
.w_prof h2 {font-size:31px; font-weight:600; }

.widget_text.w_prof {width:50%;  
margin:4% 0 4% 5%; font-size:1.2em;
}

.prof_button {margin:1em 0;}
.prof_button a {background:#181818; color:#ef9e22; padding:0.3em 2.5em ; text-transform:uppercase; font-weight:500; letter-spacing:2px;}


/*for mobiles*/
@media only screen and (max-width: 768px) {

.w_prof h2 {font-size:20px; }
.widget_text.w_prof {width:95%;}
#widget_prof {padding:1em 0 1em 0; text-align:left; /*background:#ffffff url("https://www.passion4life.org/wp-content/uploads/2020/06/banner-business2020-2.jpg") no-repeat; */
background-position:65% 0; 
}

.widget_text.w_prof {width:70%;  
margin:4% 0 4% 5%; /*font-size:1.2em;*/
}

.prof_text {width:80%; float:none; font-size:0.75em; line-height:1.4em;}
.prof_button {margin:1em 0 0 0; float:none; font-size:0.7em !important ; padding:0;}
.prof_button a {padding:0.3em 1em ; letter-spacing:1px;}
}







/* PERSONAL BANNER*/
#widget_person {
background:#181818 url("https://www.passion4life.org/wp-content/uploads/2020/06/banner-plc2020.jpg") no-repeat top right; 
color:#ffffff; 
margin:0; 
padding:1em 0 3em 0;
background-size:cover;
}

.widget_person {
max-width:1410px;
margin:0 auto;
}

.person_text h2 {color:#ffffff;}
.person_text { line-height:1.8em; width:65%; padding-left:1em; font-size:1.2em; }

.person_button {margin:1.5em 0 0 1.2em; }
.person_button a {background:#ef9e22; color:#181818; padding:0.3em 2em ; text-transform:uppercase; font-weight:500; letter-spacing:2px; font-size:1.2em ;}


/*for mobiles*/
@media only screen and (max-width: 768px) {
#widget_person {padding:0em 0 3em 0; 
background-position:82% 0; 
}
.w_person h2 {font-size:1.4em; font-weight:bold;}
.widget_person {width:100%; margin:0% 0 4% 0%; font-size:0.8em;}

.person_text {width:75%; padding-left:1em; line-height:1.4em; font-size:1.0em;}

.person_button {margin:1.5em 0 0em 1.15em;}
.person_button a {padding:0.3em 0.8em 0.1em 0.8em; font-size:1.0em;}
}










/* PUBLIC SPEAKING BANNER*/
#widget_pub {
background:#ffffff url("https://www.passion4life.org/wp-content/uploads/2020/03/banner-public2.jpg") no-repeat 30% 0; 
color:#181818; margin:0; 
padding:4em 0 5em 0;
background-size:cover;
}

.widget_pub {
max-width:1410px;
margin:0 auto;
}

#widget_pub h4 {display:none;}
.pub_text h2  {font-size:31px; font-weight:600; }

.widget_text.w_pub {width:40%;  
margin:4% 5% 4% 55%; font-size:1.2em;
}

.pub_button {margin:1em 0;}
.pub_button a {background:#181818; color:#ffffff; padding:0.3em 2em ; text-transform:uppercase; font-weight:500; letter-spacing:1px;}

/*for mobiles*/
@media only screen and (max-width: 768px) {
#widget_pub {padding:2em 0 3em 0; background-position:42% 0; }
.w_pub h2 {font-size:1.6em; }

.widget_text.w_pub {width:50%;  
margin:4% 5% 4% 45%; font-size:0.8em;
}
.pub_button {margin:1em 0;}
.pub_button a {padding:0.3em 1em ; }

}




/*TESTIMONIAL BANNER*/
#widget_testi {
background:#ffffff url("https://www.passion4life.org/wp-content/uploads/2020/03/banner-testimonials.jpg") no-repeat; color:#ffffff; margin:0; 
padding:4em 0 3em 0;
text-align:center;
width:100%;
}
.widget_testi {
max-width:1265px;
margin:0 auto;
}
#widget_testi h4 {display:none;}
.w_testi h2 {font-size:43px; font-weight:500; }

.testi_text {background:transparent url("https://www.passion4life.org/wp-content/uploads/2020/03/testimonial.png") no-repeat; color:#181818; 
margin:0 1%; 
padding:3em 1% 0 1%;
text-align:center;
float:left;
width:46%;
min-height:300px;
}
.testi_text p {
padding:1.5em;

}
.testi_author {font-weight:700; }

/*for mobiles*/
@media only screen and (max-width: 768px) {
#widget_testi {padding:2em 0 1em 0;}
.w_testi h2 {font-size:2em;}
.testi_text {background-size:contain;padding:1em 1% 0 1%;
float:none;
width:96%;
min-height:200px;
}
.testi_text p {
padding:1em;
font-size:0.8em;
}
}


/*FOOTER*/
.copyright-bar {text-align:left; font-weight:0.9em;}
#footer-widgets h2 {display:none;}
#footer-widgets {padding:8em 3%;}

.footer-widget-1 li,
.footer-widget-2 li {
line-height:1.6em;
}

.footer-widget-1 li a,
.footer-widget-2 li a {
color:#ffffff !important;
}
.footer-widget-1 li a:hover,
.footer-widget-2 li a:hover {
color:#ef9e22 !important;
}
.footer-widget-1 li a:active,
.footer-widget-2 li a:active {
color:#ef9e22 !important;
}

.footer-text {line-height:2.0em !important;}

.footer-text.contact {color:#ef9e22 !important; font-size:1.2em;}
.footer-text.contact a {color:#ffffff; padding-right:1em;}

.footer-text.social {margin:1em 0;}
.footer-text.social a.facebook {
color:#ffffff;    
background: #4c4c4c;
    padding: 10px 15px 6px 15px;
    border-radius: 20px;
    width:10px;
    height:10px;
margin-right:0.5em;
}
.footer-text.social a.twitter {
color:#ffffff;    
background: #6c6c6c;
    padding: 10px 10px 6px 10px;
    border-radius: 20px;
    width:10px;
    height:10px;
margin-right:0.5em;
}
.footer-text.social a.linkedin {
color:#ffffff;    
background: #7f7f7f;
    padding: 10px 12px 6px 12px;
    border-radius: 20px;
    width:10px;
    height:10px;
}


/*for mobiles*/
@media only screen and (max-width: 768px) {

#footer-widgets {text-align:center !important; }
#footer-widgets {padding:4em 3%;}
.footer-text {line-height:1.6em !important;}
.footer-text.contact {font-size:1.0em;}
.footer-text.social a.facebook {padding: 10px 14px 6px 14px;}
.footer-text.social a.twitter {padding: 10px 10px 6px 10px;}
.footer-text.social a.linkedin {padding: 10px 11px 6px 11px;}

}