/*
	Theme Name: Frazer Health Coach

/* Colours 
 *
Powder Blue: #E2ECF3; 
Pale Sage: #EFF4E6;
 * 
 * 
 * /

/*------------------------------------*\
    1. Import
\*------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');
/*------------------------------------*\
    x. Utility Bar
\*------------------------------------*/
@import url('./css/components/utility.css');


/*------------------------------------*\
    x. Banners
\*------------------------------------*/
@import url('./css/components/banner-two.css');

/*------------------------------------*\
    x. USPs
\*------------------------------------*/
@import url('./css/components/usp.css');


/*------------------------------------*\
    x.  Blocks
\*------------------------------------*/
@import url('./css/components/block-styling/feature-block.css');
@import url('./css/components/block-styling/accordion-block.css');
@import url('./css/components/block-styling/card-grid-block.css');
@import url('./css/components/block-styling/popup-box-grid-block.css');
@import url('./css/components/block-styling/central-testimonial.css');
@import url('./css/components/block-styling/information-card-block.css');
@import url('./css/components/block-styling/feature-showcase-block.css');
@import url('./css/components/block-styling/circle-grid-block.css');
@import url('./css/components/footer-option-2.css');
@import url('./css/components/block-styling/logo-slider.css');
@import url('./css/components/block-styling/call-to-action.css');
@import url('./css/components/block-styling/two-column-block.css');
@import url('./css/components/block-styling/form-block.css');
@import url('./css/components/block-styling/key-information-block.css');
@import url('./css/components/block-styling/quote-block.css');
/*------------------------------------*\
    x.  Template
\*------------------------------------*/
@import url('./css/templates/contact.css');
/*------------------------------------*\
   X. Resets & Defaults
\*------------------------------------*/

*, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; 
 }

html { font-size:62.5%; overflow-x: hidden; padding: 0; margin: 0; }
body {   font-family: "Noto Sans", sans-serif;color:#032945; font-weight: 400; font-size: 2.4rem; line-height: 3rem; padding: 0; margin: 0; background:#FFF; }
.clear:before, .clear:after { content:' '; display:table; }
.clear:after { clear:both; }
img { max-width:100%; vertical-align:bottom; }
input:focus { outline:0; border:1px solid #04A4CC; }
hr { border: 0; border-top: 1px dashed #0d7965; height: 0; width: 100%; margin: 4rem 0 4rem 0; }



.powder-blue-bg { background:#E2ECF3; } 
.pale-sage-bg { background: #EFF4E6;}


/*------------------------------------*\
    X. Links & Buttons
\*------------------------------------*/

a { color: #333; font-weight: 700;    text-decoration: none; }
a:hover, a:focus { color: #2063c6; }
a:focus { outline:0; }
a:hover, a:active { outline:0; }
a[href^="mailto:"] { overflow-wrap: break-word; word-wrap: break-word; }
a.arrow-link { position: relative; text-decoration: none; font-size:2rem; color: #0A4C7C; transition: color 0.3s ease; } a.arrow-link::after { content: "→"; display: inline-block; margin-left: 6px; transition: transform 0.3s ease; } a.arrow-link:hover::after { transform: translateX(4px); }
a.arrow-link:hover, a.arrow-link:focus { color:#7BC043;}
.btn {
	background: #7BC043; position: relative; text-align: center; max-width: max-content; font-weight: 700; border: 0; border-radius: 12px; padding: 23px 26px 23px 26px; color: #FFF; text-decoration: none; display: inline-block; cursor: pointer; margin-right: 10px; font-size: 2rem; line-height: 2.4rem; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.btn:after {padding-left: 0.25rem; content: '\203A ';}
.btn:hover, .btn:focus {    background:#2c75b8; color: #FFF; transition: all .5s;}
.btn-secondary { border: 2px solid #FFF; background: none;min-width: 180px; text-align: center; }
.button-container { display:flex; margin-top: 3.5rem; gap: 1%;}
.btn + .btn { border: 1px solid #4D7D26; background:none; box-shadow:none; color: #4D7D26; padding: 21px 26px }
.btn + .btn:hover, .btn + .btn:focus { background: #2c75b8; color: #FFF; border-color: #2c75b8; }

.link-wrapper { display:flex; margin:15px 0;    width: 100%;  gap: 1.5%; }

@media (max-width: 989px){
 .btn { margin-right:0px; margin-bottom:2rem;}
 .btn:after {font-size: 22px;border: none; line-height: 26px; margin: auto; }
 .link-wrapper { flex-direction: column;}
}



/*------------------------------------*\
   X. Text, Headings, Formatting
\*------------------------------------*/

p{ margin:14px 0 18px 0; font-size:2.2rem; line-height:3rem; }
p + p { margin-top:0; }
p + .btn { margin-top:1.5rem; }

h1, h2, h3, h4 {   font-family: "Outfit", sans-serif;  font-weight: 700; color:#0F446C;   margin: 5px 0; line-height: 1.1;}
h2 { font-size: 5rem; line-height: 5.2rem;   margin: 0.25rem 0 1.5rem;}
h2 strong { color:#5584A6; }
h3 { font-size: 3.4rem; line-height: 3.8rem; }

li {margin:10px 0;}
.bold, strong, b {font-weight:800;}

@media (max-width: 989px){
	h2 { font-size: 3.4rem;line-height: 4rem;}
}



/*------------------------------------*\
   X. Structure
\*------------------------------------*/

.wrapper { max-width:1280px; width:95%; margin:0 auto; position:relative; }
.l-container { display:flex; padding:0 3rem; flex-direction:row; justify-content:space-between; margin: 0 auto; width: 100%; flex-wrap: wrap;}
.reset-justify-content { justify-content:inherit;}
.l-container.center-container { flex-direction:column; }
.l-container.center-block { flex-direction: column; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 3.5rem;}
.center-container { margin:0 auto;text-align: center; justify-content: center; }
.centre-button-container { width: 100%; text-align: center; }
.centre-button-container a.btn { text-align: center;}
.l-container.l-container-narrow.reverse { max-width: 1500px; }


@media (min-width: 2000px){
	.center-container {	width: 50%; }
	.l-container { max-width: 1700px;}
}
@media (max-width: 1999px){

.l-container { max-width: 1600px;}
}


@media (max-width: 1024px){
	.block { padding:100px 0 50px 0; }
.whiteBg + .whiteBg, .pinkBg + .pinkBg { padding:0 0 40px 0; }
	
}

@media (min-width: 1600px) and (max-width: 1999px){
	.center-container { width:65%; }
}

@media (min-width: 768px) and (max-width: 1599px){
	.center-container { width:85%; }
}

@media (max-width: 767px){
	.center-container { width:100%; }
}




/*------------------------------------*\
   X. Header
\*------------------------------------*/

.header { margin: 30px 0; }


.contact-us-link img {vertical-align:middle;width: 25px; height: 25px;}

@media (min-width: 1200px){
	.header-contact-us .contact-us-link a:after {content:" | ";color:#FF6666;    margin-left: 5px;}
}

@media (min-width: 900px) and (max-width: 1200px) {
	.header-contact-us { width:100%; }
}

@media (max-width: 767px){
	.heroHeader .l-container {padding: 0rem;}
}



/*-----------------------------------*\
  	Central Introduction
\*-----------------------------------*/
.central-introduction h2{ text-align:center; }
.central-introduction-content { margin-bottom:0; }
.central-introduction-links { display: flex; align-items: center; justify-content: center; margin: 1rem 0; }

@media only screen and (max-width:767px) {
	.central-introduction-links { flex-direction:column; }
}


/*-----------------------------------*\
  	Iframe
\*-----------------------------------*/

  .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/*------------------------------------*\
   X. 404 Page
\*------------------------------------*/
.feature-box-block-col-third {display: flex ; flex-direction: column; flex: 0 0 31%; margin: 0% 2% 3% 0%; width: 31%; background: #FFF; position: relative; padding:6rem 5rem;border-radius: 25px;   box-shadow:0 .125rem .5rem rgba(5, 13, 18, .04), 0 .75rem 1.5rem rgba(5, 13, 18, .12);  }
.feature-box-block-col-third h2 { font-size:3.8rem; line-height:4.2rem; }
.feature-box-block-col-third p {flex-grow:1; }
#page-links .central-introduction-content { text-align: center; width: 50%; margin: 0 auto 4rem auto; }
#page-links .central-introduction {flex-direction: column; }
#page-links .central-introduction-content {text-align: center;width: 50%;margin: 0 auto 4rem auto;}

@media (min-width: 768px) and (max-width: 990px){
	.feature-box-block-col-third { flex:0 0 48%; margin-bottom:5rem;}
}
@media (max-width: 767px){
	.feature-box-block-col-third { flex:0 0 100%; margin-bottom:5rem;}
}


/*------------------------------------*\
    Contact
\*------------------------------------*/

.contact-details ul { list-style:none;     padding-left: 0;}
	.contact-details li { position:relative; padding-left: 6rem;margin-bottom: 2.5rem; min-height: 45px; }
	.contact-details ul .email-icon::before {
		position:absolute; left:0; top:-10px;
    background-image: url('/wp-content/themes/frazer-health-coach/img/at-email-icon-grey.svg');
}

.contact-details ul .telephone-icon::before {
    background-image: url('/wp-content/themes/frazer-health-coach/img/phone-icon-grey.svg'); position:absolute; left:0;top:-10px;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
.reverse {flex-direction: row-reverse;}
.align-block-centre .l-container { align-items:center; }
::selection { background:#04A4CC; color:#FFF; text-shadow:none; }
::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; }
::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; }

/*------------------------------------*\
    Pagination
\*------------------------------------*/
.pagination { text-align: center; width: 100%; margin: 5.5rem 0 3.5rem 0; display: inline-flex; justify-content: center; }
a.page-numbers { background: #2063c6; color: #FFF; padding: 10px 20px; text-decoration: none; border: 1px solid #0a264c;   display: inline-block; margin:0 .75rem;}
span.page-numbers.current { background: #1a476e; color: #FFF; padding: 10px 20px; text-decoration: none; font-weight: 700; border: 1px solid #659730;}
a.page-numbers:hover, a.page-numbers:focus  { background: #85c045; color: #FFF; border: 1px solid #659730; }
a.prev.page-numbers, a.next.page-numbers { background: #8dbf47; border: 1px solid #659730; }
a.prev.page-numbers:hover, a.prev.page-numbers:focus,
a.next.page-numbers:hover,  a.next.page-numbers:focus { background:#2063c6; }
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.align-left { text-align:left; }
.alignnone { margin:5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; }
.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
a img.alignright { float:right; margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left; margin:5px 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { position:relative; }
.wp-caption-text {position: absolute; bottom: 0; left: 0; padding: 1rem; background: rgb(3 73 37 / 60%); color: #FFF; font-size: 1.4rem!important; line-height: 1.8rem!important; margin:0;}
.wp-caption-text:before { content:'\00A9 ';margin-right: 0.2rem;}
.wp-caption.alignnone { margin:5px 20px 20px 0; }
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; }
	a, a:visited { text-decoration:underline; }	
	a[href]:after { content:" (" attr(href) ")"; }	
	abbr[title]:after { content:" (" attr(title) ")"; }	
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	pre,blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; } tr, img { page-break-inside:avoid; }
	img { max-width:100% !important; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3 { page-break-after:avoid; }
}