/*
Theme Name: Hammond Speech Pathology 2020
Description: New theme.
Version: 1.0.0
Author: Mark Blethen
Author URI: http://ieproductions.com/

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,800;1,400&display=swap');

/*
    font-family: 'Open Sans', sans-serif;
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

img {
	max-width: 100%;
    height: auto;
    /*vertical-align: middle;*/
}

p, li {
    color:#444;
    font-size: 1.05em;
    margin-bottom:1.5em;
    text-align: justify;
    hyphens: auto;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.5rem;
}

a {
    color:#85cee6;
}

a:hover {
    color:#94dbf2;
    text-decoration: underline;
}

hr {
    background-image: url("graphics/hsp-divider-light.png");
    background-position: center center;
    width:auto;
    height: 23px;
    border:none;
    background-size: 1250px 23px;
    margin:30px 0;
}


/*** Header ***/

header {
    background: rgba(0,131,173,.93);
    padding-bottom:20px;
    z-index: 5000;
    position: absolute;
    width:100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.navbar-light .navbar-toggler-icon {
    background-image:none;
}
.navbar-light .navbar-toggler-icon::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f0c9";
    color:#fff;
    font-size: 1.7em;
}

.navbar-light .navbar-toggler {
    color:#fff;
    border:none;
}

header .phone {
    margin:20px 0 -25px 0px;
}

header .phone p {
    color:#fff;
    text-align: right;
    text-transform: uppercase;
    /*margin-top: 20px;*/
    font-weight: 300;
    line-height: 1em;
    letter-spacing: 0.25em;
	margin-bottom: 0em;
}
header .phone p strong {
    font-size: 2em;
    font-weight: 900;
    letter-spacing: 0.05em;
}

header .menu-bar .mainLogo {
    height: 80px;
    width:auto;
}

header .the-menu {
    margin-top:20px;
}

/*** Menu ***/

.menu-bar nav .the-menu {
    text-align: right;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    padding:0;
}

.menu-main-menu-container {
    width:100%;
}

#menu-main-menu {
	text-align: right !important;
	margin:20px 0;
    width:100%;
    padding:0;
}

#menu-main-menu li {
	display: inline-block;
	list-style: none;
	/*padding:0px 15px;*/
	color:#fff;
	letter-spacing: .1em;
    font-size: 1.1em;
	height: 100%;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top:-4px;
}

#menu-main-menu li li {
    display: block;
}

#menu-main-menu li a {
	text-decoration: none;
	text-transform: uppercase;
    color:#fff;
    font-weight: 300;
    padding:9px 12px;
    margin:5px 0;
}
#menu-main-menu li a:hover {
    color:#85cee6;
    background:#fff;
}
#menu-main-menu li.btn a, #menu-main-menu li a.btn {
    border-radius: 0px;
    font-size: 1em;
    background:#fff;
    color:#444;
    padding:8px 12px;
}
#menu-main-menu li.btn a:hover, #menu-main-menu li a.btn:hover {
    color:#85cee6;
    background:#fff;
}

/*** Sub Menu ***/

#menu-main-menu .dropdown-menu {
    background:#85cee6;
    border:none;
    border-radius: 0;
    min-width: 275px;
    width:auto;
    right:0;
    left: auto;
    padding:0;
}
#menu-main-menu .dropdown-menu li {
    text-align: right;
    padding:15px;
    margin:0;
}
#menu-main-menu .dropdown-menu li a {
    color:#fff;
}
#menu-main-menu .dropdown-menu li a:hover {
    color:#85cee6;

}


/*** Content ***/

.bkgd_img {
	background-position: center center;
    background-size: cover;
	display: block;
	height: 100%;
	width: 100%;
    background-color:transparent;
}

.image-bg-fluid-height,
.image-bg-fixed-height {
    /*text-align: center;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	background-attachment: scroll;
}

.image-bg-fluid-height {
    padding: 50px 0;
}

.image-bg-fixed-height {
    height: 550px;
}
.image-bg-fixed-height.front {
    height: 800px;
}


.top-image {
    /*margin-bottom:50px;*/
    position: relative;
}

.front.top-image {
    
}
.top-image-content {
    margin-top:250px;
}
.front .top-image-content {
    margin-top:500px;
}

.top-image-content h1.main-title {
    margin-bottom: 0px;
}

.main-title small {
    font-weight: 300;
    line-height: 1em;
    font-size: .6em;
}

.main-title {
    line-height: 1em;
    text-align: center;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
    text-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
/*.main-title span {
  display: inline-block;
  position: relative;  
}
.main-title span:before,
.main-title span:after {
    content: "";
    position: absolute;
    height: 0px;
    border-bottom: 3px solid white;
    top: 45%;
    width: 100%;
}
.main-title span:before {
    right: 100%;
    margin-right: 15px;
}
.main-title span:after {
    left: 100%;
    margin-left: 15px;
}*/

.title {
    margin-bottom:50px;
    text-align: center;
    position: relative;
    padding-bottom:.5em;
}
.title.right {
    text-align: right;
}
.title.left {
    text-align: left;
}
.title:after {
    border-bottom:4px solid #7a232f;
    width:10%;
    content:'';
    position: absolute;
    left:45%;
    bottom:0;
    height: 4px;
}
.title.right:after {
    left:90%;
}
.title.left:after {
    left:0%;
}

.text-block {
    padding:35px 0;
    position: relative;
}

h1 {
    text-transform: uppercase;
}

h2, a .vc_tta-title-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
a .vc_tta-title-text {
    color:#85cee6;
}

h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.3em;
    color:#0e4659;
}

h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color:#85cee6;
    font-size: .9em;
    letter-spacing: 0.1em;
}

.main ul {
    list-style: none;
}

.main ul li {
    margin-bottom: .8em;
}
.main ul li:before {
    content:'•';
    color:#85cee6;
    margin:0 8px 0 -15px;
}

.main.bump {
    margin-bottom:50px;
}

.btn {
    display: block;
    text-align: inherit;
    padding: inherit;
}

a.btn, .btn a, button.btn, button.wpcf7-submit, .sh-link a {
    font-weight: 900;
    letter-spacing: 0.1em;
    padding:10px 20px;
    background-color:#85cee6;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 1.4em;
    color:#444;
    display: inline-block;
    margin:5px 0;
}
a.btn:hover, .btn a:hover {
    color:#85cee6;
    background-color:#444; 
    text-decoration: none;
}
a.btn.arrow:before, .btn.arrow a:before, a.btn.video:before, .btn.video a:before, .sh-link a:before {
    content:"\f0a9";
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 1em;
    line-height: 1.4em;
    float: right;
    margin: 0em 0em 0em .5em;
    display: inline-block;
    width: 1.25em;
}

a.btn.video:before, .btn.video a:before {
    margin: 0em .5em 0em 0em;
    content:"\f144";
    float:left;
}
a.btn.white, .btn.white a, button.btn.white, footer button.wpcf7-submit, .sh-link a {
    color:#444;
    background:#fff;
    border:3px solid #fff;
}
a.btn.white:hover, .btn.white a:hover, button.btn.white:hover, .sh-link a:hover {
    color:#fff;
    background:#444;
    border:solid 3px #444;
}
a.btn.white.outline, .btn.white.outline a, footer button.wpcf7-submit:hover {
    background: transparent;
    color:#fff;
}
a.btn.white.outline:hover, .btn.white.outline a:hover {
    background:transparent;
    color:#85cee6;
    border:solid 3px #85cee6;
}

input.wpcf7-submit {
    border:none;
}

.sh-link.sh-show a {
    display: none;
}

footer form input, form input, form textarea, footer form textarea {
    padding:5px 10px;
    border: 3px solid #fff;
    border-radius: 0px;
    background: transparent;
    font-size: .9em;
    min-width:100%;
    width: auto !important;
    margin-bottom:.5em;
    color:#fff;
}

::-moz-placeholder {
    opacity:.9;
}
form input, form textarea {
    border: 3px solid #85cee6;
    color:#5f9081;    
}

form select {
    width:100%;
}

blockquote {
    color:#a1a1a1;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 2.2em;
    line-height: 1.2em;
    font-weight: 300;
    text-align: center;
    position: relative;
    padding:0 1em;
}
blockquote::before {
    content:'\201C';
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    color:#111;
    font-weight: 900;
    position: absolute;
    top:0;
    left:0;
}
blockquote::after {
    content:'\201D';
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    color:#111;
    font-weight: 900;
    float: right;
    position: absolute;
    bottom:0;
    right:0;
}

.square {
  position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


/*** Front ***/

.bar h2, .story, .story p {
    color:#fff;
}

.story h2 {
    font-weight: 900;
}

/*** Accordion ***/

.panel {
    background-color: #fff;
    /*background-color: transparent;*/
    color:#464646;
}

.panel-group {
    margin: 1.5em 0;
    padding-bottom:1.5em;
    border-bottom:1px solid #d7d7d7;
}

.panel-group .panel, .panel-heading {
    border-radius: 0px;
    border:none;
}
.panel-default, .panel-default > .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border:none;
}

.panel-default > .panel-heading {
    background:#fff;
}

h3.panel-title a {
    color:#464646;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900; 
    font-size: .65em;
    padding-left: 1.65em;
}
h3.panel-title a:hover {
    text-decoration: none !important;
}

.panel-heading .panel-title  a.up:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 1em;
    line-height: 1em;
    float: left;
    /*margin-right:1em;*/
    margin: 0em 1em 0em -2.2em;
    display: inline-block;
    width: 1.25em;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.panel-heading .panel-title  a.up[aria-expanded="true"]:before {
    /*content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;*/
    transform: rotate(90deg);
}

.panel-heading .panel-title a.collapsed:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
} 

.panel-body {
    padding-left:1.5em;
}

.autocolumns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}


/*** Classes ***/

img.centered, img.aligncenter, .aligncenter {
	display: block;
	margin:0 auto .7em;
    text-align: center;
}

img.alignright, .wp-caption.alignright {
	margin: 0 0 12px 20px;
	display: inline;
}

img.alignleft, .wp-caption.alignleft {
	margin: 0 20px 12px 0;
	display: inline;
}

.nopadding {
    padding:0;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.yellow {
    color:#fcd06e;
    font-weight: 600;
}

.white {
    color:#fff;
}

.sponsors {
    background-color: #cbeffa;
    padding:20px 0;
}

/*** Footer ***/

footer {
    background:#0083ad;
    color:#fff;
    padding-top:50px;
}

footer .col-6.logo {
    padding:0;
    margin-bottom: .5em;
}

footer p, footer a {
    color:#fff;
}
footer a:hover {
    color:#cbeffa;
    text-decoration:none;
}

footer .copyright {
    background:#444444;
    padding:1em 0;
    margin-top:50px;
}

footer .copyright p {
    margin:0;
    padding:0;
    color:#fff;
    font-size: .85em;
}
footer ul {
    margin:0px;
    padding:0px;
}
footer ul li {
    list-style: none;
    margin-bottom:.1em;
}

footer h3 {
    color:#fff;
    font-size: 1em;
    text-transform: uppercase;
}

footer form input.wpcf7-submit {
    text-align: left;
    min-width: inherit;
}

footer form p {
    margin-bottom:0px;
}

/*** Fixes ***/

.vc_row {
    margin:0;
    max-width: 100%;
    overflow: hidden;
}

/*** Accordion ***/

.vc_tta-panel-body, .vc_tta-panel-heading, .vc_tta-panel-body, .vc_tta-panel-heading {
    border-radius: 0px !important;
}

.vc_tta-panel-heading, .vc_tta-panel-heading {
    border-color: #5f9081 !important;
    background-color: #5f9081 !important;
} 
.vc_tta-panel-heading:hover, .vc_tta-panel-heading:hover {
    border-color: #cbeffa !important;
    background-color: #cbeffa !important;
} 

h4.vc_tta-panel-title a .vc_tta-title-text {
    color:#fff !important;
}

.vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta-controls-icon::after, .vc_tta-controls-icon::before {
    border-color: #fff !important;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 1169px) {
    
}

@media only screen and (min-width: 996px) and (max-width: 1168px) {

}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
    /*#entertainment-benefits ul*/ .checked-list ul {
        columns:2;
        -webkit-columns:2;
        -moz-columns:2;
    }
    
    .image-bg-fixed-height.front {
        height: 600px;
    }
    
}

@media (min-width: 768px) {

}

@media (max-width: 767px) {
    
    .h1, h1 {
        font-size: 2rem;
    }
    .image-bg-fixed-height.front {
        height: 450px;
    }
    
    .front .top-image-content {
        margin-top:250px;
    }
    
    .front.top-image.image-bg-fluid-height {
        padding-bottom: 0px;        
    }
    
    .front.top-image .wpb_content_element {
        margin-bottom: 5px;
    }

    #menu-main-menu {
        text-align: left !important;
        margin:20px 0 0;
        padding:0;
    }

    #menu-main-menu li {
        display: block;
        font-size: 1.1em;
        line-height: 2em;
        margin-left: 0px;
        width:100%;
    }

    #menu-main-menu li a {
        display: block;
        width:100%;
        padding:5px;
    }
    
    #menu-main-menu li a:hover {
        color:#7a232f;
        background:transparent;
    }
    
    #menu-main-menu .dropdown-menu {
        background:transparent;
        position: relative;
    }
    #menu-main-menu .dropdown-menu li {
        text-align: left;
        padding-left:20px;
        margin:0;
        display: block;
    }
    #menu-main-menu .dropdown-menu li a {
        color:#000;
    }
    #menu-main-menu .dropdown-menu li a:hover {
        color:#7a232f;

    }

    /*#entertainment-benefits ul*/ .checked-list ul {
        columns:1;
        -webkit-columns:1;
        -moz-columns:1;
    }

    #events .container-fluid .col-lg-8 {
        padding-right:0;
    }
    
    a.btn, .btn a {
        width:100%;
    }

}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (min-width:400px) and (max-width: 479px) {
    .image-bg-fixed-height.front {
        height: 300px;
    }

}

@media only screen and (max-width: 399px) {
    .image-bg-fixed-height.front {
        height: 250px;
    }
    
}