/*
Theme Name:		Jackie Atkinson
Theme URI:		
Author:			Ellsworth Media
Author URI:		http://www.ellsworthmedia.com/
Version:		1.0
*/

/*-----------------------------------------------------------------------------------*/
/* Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size:22px; color:#000; font-family:"EB Garamond", Arial, sans-serif; overflow-x:hidden; font-weight:400; }
input, textarea { -webkit-appearance:none; border-radius:0; }
input, textarea, select, label { font-family:"EB Garamond", Arial, sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:#000; opacity:1; }
:-moz-placeholder { color:#000; opacity:1; }
::-moz-placeholder { color:#000; opacity:1; }
:-ms-input-placeholder { color:#000; opacity:1; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 25px 0; line-height:1.1; font-weight:400; letter-spacing:0; }
h1 { font-size:42px; }
h2 { font-size:42px; }
h3 { font-size:28px; }
h4 { font-size:22px; }
h5 { font-size:22px; }
h6 { font-size:22px; }
img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 24px 0; line-height:1.5; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:700; }
.button { color:#14454E; font-size:18px; font-weight:500; padding:12px 50px; background:#C3E4DA; text-align:center; border-radius:30px; display:inline-block; font-family:"Libre Franklin", Arial, sans-serif; }
    .button:hover { background:#14454E; color:#FFF; }

img.alignright {float: right; margin: 20px 0 20px 20px;}

/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; width:1380px; padding:0; }
.view-mobile { display:none; }

.content {float: right; width: 68%;}

/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header { padding:11px 0 20px 0; background:url(images/header-bg.jpg) no-repeat left top; }
#header .container { width:auto; padding:0 66px; }

#header .logo { float:left; }
    #header .logo img { width: 409px; height: auto; }

#header .header-right { float:right; margin:5px 0 0 0; }
    #header .header-right p { margin:0 15px 35px 0; float:right; line-height:32px; font-size:16px; font-weight:300; font-family:"Libre Franklin", Arial, sans-serif; }
    #header .header-right .social-links { float:right; margin:0 0 35px 0; }
        #header .header-right .social-links li { float:left; margin:0 5px 0 0; text-align:center; }
        #header .header-right .social-links li:last-child { margin:0; }
        #header .header-right .social-links li a { display:block; width:32px; height:32px; border-radius:50%; background:#C3E4DA; }
        #header .header-right .social-links li a i { display:block; line-height:32px; color:#FFF; font-size:16px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
        #header .header-right .social-links li a:hover { background:#14454E; }
        #header .header-right .social-links li a:hover i { color:#FFF; }

#header nav {  }
    #header nav ul li { float:left; margin:0 35px 0 0; }
    #header nav ul li:last-child { margin-right:0; }
    #header nav ul li a { color:#14454E; font-size:24px; font-weight:500; }
    #header nav ul li a:hover { opacity: 0.7; }



/*-----------------------------------------------------------------------------------*/
/* Sidebar & Footer styling
/*-----------------------------------------------------------------------------------*/

aside {float: left; width: 26%; margin: 0 0 50px 0;}
    aside nav ul {background: #EAEAEA; border-radius: 25px; margin: 0 0 40px 0;}
        aside nav ul li {list-style: none;}
        aside nav ul li a, aside nav ul li a:active {
            display: block; padding:12px 20px; border-radius: 25px;
            color: #14454E; text-align: center; font-size:18px; font-weight:400; font-family:"Libre Franklin", Arial, sans-serif;
        }
        aside nav ul li a:hover, aside nav ul li a.mPS2id-clicked {background:#C3E4DA;}
    aside img {display: block; margin: auto; max-width: 300px; height: auto;}

#google-map-container {height: 350px; overflow: hidden;}
    #google-map-container iframe {height: 350px; margin: 0;}


#footer { padding:65px 0; background:url(images/footer-bg.jpg) no-repeat left top; }
#footer .container { width:auto; padding:0 66px 0 315px; }
#footer .address { float:left; margin:0; line-height:32px; font-size:16px; font-weight:300; font-family:"Libre Franklin", Arial, sans-serif; }
#footer .footer-right { float:right; }
    #footer .footer-right .social-links { float:left; }
    #footer .footer-right .social-links li { float:left; margin:0 2px; text-align:center; }
    #footer .footer-right .social-links li:last-child { margin:0; }
    #footer .footer-right .social-links li a { display:block; width:32px; height:32px; border-radius:50%; background:#C3E4DA; }
    #footer .footer-right .social-links li a i { display:block; line-height:32px; color:#FFF; font-size:16px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
    #footer .footer-right .social-links li a:hover { background:#14454E; }
    #footer .footer-right .social-links li a:hover i { color:#FFF; }
#footer nav { float:left; margin:0 25px 0 0; }
    #footer nav ul li { float:left; margin:0 25px 0 0; }
    #footer nav ul li:last-child { margin-right:0; }
    #footer nav ul li a { color:#14454E; font-size:24px; font-weight:500; }
    #footer nav ul li a:hover { opacity: 0.7;  }



/*-----------------------------------------------------------------------------------*/
/* Secondary Page styling
/*-----------------------------------------------------------------------------------*/

#top-hero { background:url(images/secondary.jpg) no-repeat center center / cover; padding:160px 0 115px 0; text-align:center; }
    #top-hero h1 { font-size:94px; font-style:italic; color:#FFF; margin:0 0 40px 0; line-height:1; }

#main {padding: 50px 0;}
    #main h2 {font-size: 48px; color: #14454E; font-weight: 300; letter-spacing: -1px;}
    #main h3 {font-size: 32px; font-style: italic; letter-spacing: 0;}
    
    #main p {font-size: 21px;}
    
    .content ul, .content ol {margin: -20px 0 24px 0;}
        .content ul li {margin: 0 0 0 20px; padding: 0; list-style: disc;}
        .content ol li {margin: 0 0 0 20px; padding: 0; list-style: decimal;}

    .content a {color: #14454E;}
        .content a:hover {opacity: 0.7; text-decoration: underline;}

/*-----------------------------------------------------------------------------------*/
/* Home Page styling
/*-----------------------------------------------------------------------------------*/

.home #top-hero { background:url(images/hero.jpg) no-repeat center center / cover; padding:30vh 0 0 0; height: calc(100vh - 144px); }
    
#home-therapy { padding:230px 0 0 0; background:url(images/therapy-bg.jpg) no-repeat center top; text-align:center; }
    #home-therapy h2 { font-size:55px; margin:0 0 10px 0; }
    #home-therapy h3 { font-size:35px; font-style:italic; }
    #home-therapy p { margin:0 auto 25px auto; max-width:770px; font-size:22px; }
    #home-therapy img { margin:0 auto; max-width:50%; }
    #home-therapy .button { margin:0 0 40px 0; }

#home-grid {margin-top: -120px;}
#home-grid li { float:left; width:50%; position:relative; text-align:center; }
    #home-grid li img { width:100%; }
    #home-grid li .content { position:absolute; width:100%; height:100%; top:0; left:0; padding:35% 20px 0 20px; }
    #home-grid li .content h2 { margin:0 0 40px 0; color:#FFF; font-size:99px; font-style:italic; }

#about { background:url(images/home-people-bg.jpg) no-repeat center top; padding:130px 0 100px 0;  text-align:center; }
    #about h2 { font-size:35px; margin:0 0 10px 0; color:#14454E; }
    #about h3 { font-size:22px; margin:0 0 30px 0; font-style:italic; }
    #about img { margin:0 auto 30px auto; }
    #about p { margin:0 auto 30px auto; max-width:770px; }

.home #google-map-container {height: 70vh; }
    .home #google-map-container iframe {height: 70vh; }