/*
Theme Name: Exploits Homecare Agency Theme
Description: Custom designed theme specially for Exploits Homecare Agency
Version: 0.9
Author: Rob Williams, Results Marketing & Advertising <web@resultsinc.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Lato', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             #fff;
}

p { padding: 0 0 1em 0; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { text-decoration: none; color: #e19363; font-weight: 800; }
a:hover { color: #a0543f; }

h1 {}
h2 { color: #a0543f; font-size: 2.5rem; line-height: 1.5em; }
h3 { color: #a0543f; font-size: 1.75rem; line-height: 1.5em; }
h4 {}

main > *:not(.fullwidth):not(.alignnormal) { width: 95%; max-width: 1600px; margin: 0 auto; }

body > header { background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(220,194,180,1) 90%); padding: 1rem 0; position: relative; z-index: 100; }
body > header > header { width: 95%; max-width: 1600px; margin: 0 auto; display: flex; position: relative; }
body > header > header > .logo { flex-basis: 30%; box-sizing: border-box; }
body > header > header > .logo > img { width: 100%; height: auto; }
body > header > header > h2 { flex-basis: 70%; box-sizing: border-box; font-family: 'Pacifico', cursive; font-size: 2.5rem; color: #a0543f; font-weight: normal; text-align: center; align-self: center; }
body > header > header > h2 > span { white-space: nowrap; }

footer { margin-top: 2rem; padding-top: 1rem; border-top: 10px #bca097 solid; }
footer a { color: white; }
footer a:hover { color: yellow; }
footer .footer_bar { list-style: none outside; display: flex; width: 95%; max-width: 1600px; margin: 0 auto; gap: 5rem; align-items: center; }
footer .footer_bar > li:first-child { flex-basis: 25%; }
footer .footer_bar > li:first-child img { width: 100%; }
footer .footer_bar > li:last-child { flex-basis: 75%; padding: 2rem; color: white; background: linear-gradient(180deg, rgba(158,93,76,1) 40%, rgba(44,21,19,1) 90%); }
footer .menu { list-style: none outside; text-align: right; margin-bottom: 1.5rem; }
footer .menu li { display: inline-block; padding-left: 1.3rem; line-height: 2em; }
footer .menu li a { font-weight: normal; }
footer .footer_bar .wp-block-columns { margin-bottom: 0 !important; }
footer .footer_bar i { margin-top: 0.5rem; }
.copyright { font-size: 0.8em; text-align: right; padding-bottom: 0; }
footer p:empty { display: none; }

header .menu-nav-menu-container { background: white; }
header .nav_menu { text-align: right; list-style: none outside; width: 95%; max-width: 1600px; margin: 0 auto; }
header .nav_menu > li { display: inline-block; padding: 0.5rem 1rem; position: relative; }
header .nav_menu > li a { color: #a0543f; font-weight: normal; font-size: 1.3em; }
header .nav_menu > li:after { content: ''; position: absolute; top: 100%; left: 0; height: 4px; width: 100%; background: #a0543f; transform: scaleX(0); transition: 0.5s all; }
header .nav_menu > li:hover::after { transform: scaleX(1); }
header .nav_menu .current-menu-item a { font-weight: bold; }
header .nav_menu .current-menu-item:after { transform: scaleX(1); }
header .nav_menu > li:last-child { margin-right: 150px; }
.vertical_centre > div { align-self: center; }

.accreditation_link { width: 200px; height: 200px; position: absolute; right: -50px; top: 65%; transform: translate(0,-25px); }

.fp_feature_boxes { background: #e8905f; color: white; padding: 2rem; margin: 2rem auto !important; }
.fp_feature_boxes .wp-block-column { padding: 0 2rem; border-right: 1px white solid;  }
.fp_feature_boxes .wp-block-column:last-child { border-right: none; }
.fp_feature_boxes h2 { font-family: 'Pacifico', cursive; color: white; font-weight: normal; }
.accreditation_logo_body { padding-right: 2rem; }

.brown_area { padding: 2rem; background: linear-gradient(180deg, rgba(231,212,201,1) 10%, rgba(255,255,255,1) 98%); margin-top: 2rem !important; }
.brown_area img { border-radius: 15px; box-shadow: rgba(160, 84, 63, 0.6) 6px 6px 11px; margin-bottom: 1rem; }
.brown_area .wp-columns { align-self: center !important; }
.col3 { column-count: 3; }
.brown_area ul { padding-left: 2rem; list-style: disc outside; margin-top: 2rem; }
.brown_area ul li { margin-bottom: 0.5rem; color: #a0543f; }

.quote_section { width: 60%; margin: 0 auto; }
.wp-block-quote { padding: 1rem; border: 1px #a0543f solid; border-radius: 15px; font-style: italic; position: relative; }
.wp-block-quote p { padding: 0; }
.quote_right:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,10 50,0 0,50' stroke='%23a0543f' stroke-width='1' fill='transparent' /%3E%3C%2Fsvg%3E");
    position: absolute;
    top: 15%;
    left: 100%;
    width: 50px;
    height: 50px;
}

main ul { list-style: disc outside; padding-left: 2rem; }
main ul li { margin-bottom: 0.5rem; }

.phone_link a { white-space: nowrap; }

.page-id-22 #loginform { width: 400px; margin: 3rem auto 2rem; padding: 3rem; border: 1px #ddd solid; background: linear-gradient(180deg, rgba(244,244,244,1) 10%, rgba(224,224,224,1) 90%); border-radius: 10px; }
.page-id-22 label { font-size: 0.8em; font-weight: bold; display: block; }
.page-id-22 input[type="text"], .page-id-22 #loginform input[type="password"] { width: 100%; }
.page-id-22 .login-remember { text-align: center; }
.page-id-22 .login-submit { text-align: center; padding-bottom: 0; }
.page-id-22 #loginform + a { display: block; text-align: center; }

.strong-view { margin-bottom: 1rem !important; }
.strong-view .strong-content.strong-columns { column-gap: 8rem !important; }
.strong-view .wpmtst-testimonial { border: 1px #9e5d4c solid; border-radius: 25px; background: #f8f3ef; padding: 1.5rem; }
.strong-view .testimonial-content { font-style: italic; min-height: 100px; }
.strong-view .testimonial-company { float: left; }
.strong-view .testimonial-name { text-align: right; }

.strong-view .strong-columns > div { position: relative; }
.strong-view .strong-columns > div:first-child:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,10 50,0 0,50' stroke='%239e5d4c' stroke-width='1' fill='%23f8f3ef' /%3E%3C%2Fsvg%3E");
    position: absolute;
    top: 15%;
    left: 100%;
    width: 50px;
    height: 50px;
}
.strong-view .strong-columns > div:last-child:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='50,10 0,0 50,50' stroke='%239e5d4c' stroke-width='1' fill='%23f8f3ef' /%3E%3C%2Fsvg%3E");
    position: absolute;
    bottom: 15%;
    right: 100%;
    width: 50px;
    height: 50px;
}

.training_articles { list-style: none outside; padding-left: 0; }
.training_articles li { padding: 0.5em 1em; border-top: 1px #935d4c solid; display: flex; width: 100%; }
.training_articles li:last-child { border-bottom: 1px #935d4c solid; }
.training_articles li h3 { font-size: 1.25em; flex-basis: 30%; padding-bottom: 0; }
.training_articles li h4 { font-size: 1em; flex-basis: 70%; padding-bottom: 0; }

.button_link a { display: inline-block; padding: 0.25em 0.5em; background: #935d4c; border-radius: 5px; color: white; font-weight: bold; }

.avoid_wrap { white-space: nowrap; }
.mobile_menu { display: none; }

@media screen and (max-width: 1500px ) {
    body > header > header > h2 > span { display: block; position: relative; top: -15px; }
    .accreditation_link  { width: 150px; height: 150px; right: 0; top: -15px; transform: none; }
    header .nav_menu > li:last-child { margin-right: 0; }
}

@media screen and (max-width: 1200px ) {
    .quote_section { width: 80%; }
    body > header > header > h2 { align-self: flex-start; }
}

@media screen and ( max-width: 1100px ) {
    body > header > header > h2 { position: relative; left: -3rem; }
}

@media screen and ( max-width: 900px ) {
    h2 { font-size: 2em; }
    h3 { font-size: 1.5em; }
    #menu-item-31 { margin-right: 0; }
    #menu-item-41 { bottom: 8rem; left: 3rem; }
    header .menu-nav-menu-container { margin-top: 1rem; }
    body > header > header > h2 { margin-left: -4rem; left: 0; font-size: 2rem; }
    .accreditation_link { top: -0.5rem; }
    header .nav_menu > li { padding: 0.65rem; }
    header .nav_menu > li a { font-size: 1.1em; }
    .avoid_wrap { white-space: normal; }
    .accreditation_logo_body img { max-width: 100px !important; max-height: 100% !important; }
    .training_articles li { display: block; }

}

@media screen and ( max-width: 800px ) {
    body > header > header > h2 { font-size: 1.5rem; }
    .accreditation_link { width: 125px; height: 125px; }
}

@media screen and ( max-width: 700px ) {
    h2 { font-size: 1.75em; }
    body > header > header > .logo { flex-basis: 60%; }
    body > header > header { gap: 2em; flex-wrap: wrap; }
    body > header > header > h2 { font-size: 1.75em; flex-basis: 100%; order: 4; margin-left: 0; }
    body > header > header > h2 > span { display: inline-block; top: 0; }
    #menu-item-24 { display: none; }
    header .nav_menu > li a { font-size: 1.1em; }
    figure.size-full img { width: 100%; }
    .mobile_tighten { gap: 0 !important; margin-bottom: 0 !important; }
    .mobile_tighten .wp-block-column p:last-child { padding-bottom: 0; }
    h3 { font-size: 1.25em; }
    footer .footer_bar { display: block; }
    footer .footer_bar .phone_link { text-align: center; }
    footer .footer_bar figure { max-width: 350px; margin: 0 auto; }
    .wp-block-columns .is-style-rounded { width: 50%; margin: 0 auto; }
    .brown_area h2 { text-align: center; margin-bottom: 0.5rem; }
    .brown_area ul { margin-top: 0; }
    .brown_area .quote_section { margin-top: 2rem; }
    .theresa figure { width: 80%; }
    .page-id-20 .wp-block-columns .wp-block-column { text-align: center; }
}

@media screen and ( max-width: 500px ) {
    body > header > header > .logo > img { width: 80%; }
    body > header > header { display: block; }
    .accreditation_link { top: 50%; width: 120px; height: 120px; right: 0;  }
    body > header > header > h2 { font-size: 1.5em; width: 70%; margin: 1rem 0 0 0; }
    .mobile_menu { display: block; position: absolute; top: 0; right: 0.5rem; color: #a0543f; }
    .nav_menu li { display: block !important; border-top: 1px #a0543f solid; padding: 0.5em 3em 0.5em 0.5em; }
    .nav_menu li:first-child { border-top: 0; }
    .nav_menu li:last-child { border-bottom: 3px #a0543f solid; }
    .nav_menu li:after { display: none !important; }
    .menu-nav-menu-container { margin-top: 0; width: 100%; position: absolute; left: 0; top: 6rem; background: white; opacity: 0; pointer-events: none; transition: 0.3s all;  }
    .mobile_menu_visible .menu-nav-menu-container { opacity: 1; pointer-events: auto; }
    main { transition: 0.3s all; filter: blur(0); }
    .mobile_menu_visible main { filter: blur(1rem); }
    main > .alignnormal { overflow-x: hidden; }
    #metaslider-id-34 { width: 200% !important; }
    #metaslider_34 { right: 10em; }
    .col3 { column-count: 1; }
    .brown_area .wp-block-columns { gap: 0; }
    .strong-view-id-1 { width: 65% !important; }
    .strong-view-id-1 .strong-columns > div:first-child { margin-bottom: 1rem; }
    .quote_section blockquote { margin-bottom: 1rem; }
}