/*
Theme Name: HCA 202
Theme URI: https://www.sabaseo.com
Author: the Saba SEO team
Author URI: https://www.sabaseo.com/
Description: HCA 202 theme brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: HCA202
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/






bdi{
	display:block;
	font-size: 16px;
}
.vg-icon{
     height: 39px;
    padding-top: 24px;
    position: relative;
    top: -12px;
    left: 1.5px;
}
.m-style::placeholder{
		font-size:15px !important;
}
.radius-box{
	padding: 40px;
    box-shadow: 1px 1px 20px #00000033;
    border-radius: 19px;
    background: #ffffff;
	margin-bottom: 50px;
	
}
.radius-box h2 {
    font-size: 30px;
    margin-bottom: 0px;
}
.radius-box cite {
    margin-bottom: 30px;
    display: block;
	position:relative;
}
.radius-box p {
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}
.about-title{
	    text-align: center;
    margin-bottom: 84px;
    font-size: 50px;
}
.radius-box cite::after{
	content: "";
    width: 230px;
    height: 3px;
    position: absolute;
    top: 43px;
    left: 2px;
    background: #8d1831;
}
.ul-first-strong strong{
	color:#fff !important;
}
.broadly-review-aggregate{
	text-align: center;
}
.broadly-reviews{
		text-align:left;
	padding-top:20px;
}
.broadly-review-body a{
	color:#8d1831;
}
.conditioning-txt, .conditioning-txt p{
	text-align:justify;
}
.conditioning-txt h2{
	text-align:left;
	text-transform:capitalize;
	margin-bottom:12px;
}
.conditioning-txt h2 strong u{
	text-decoration: none;
    letter-spacing: 0;
    text-transform: capitalize;
}
[name="message"]::placeholder{
	font-size:11px;
}
[name="message"]{
	font-size:11px !important;
	padding: 10px 7px !important;
}
.m-style{
	font-size:15px !important;
	    padding: 10px 16px !important;
}
.caption-style{
	font-size: 23px;
    text-shadow: 1px 1px 1px #000;
}

.caption-style_bottom {
    font-size: 0.90vw;
}
.owl-buttons{
	display:none;
}
.owl-controls{
	position:relative;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.bg-white{
	background:white !important;
	    margin-top: 100px;
}
.py-80{
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
@media(max-width:430px){
    .py-80{
	padding-top: 45px !important;
	padding-bottom: 40px !important;
}
}
.accordion p {
    margin: 0;
    font-size: 17px;
    letter-spacing: 1px;
}
.accordion>dt>a.active{
	    background-color: #d2dee2;
}
.empty-space{
	height:50px;
		clear: both;
}
.b-magic{
	     border-left: 2px solid #881730;
    letter-spacing: 1px;
}
.all-alphabets > a{
font-size: 30px;
    font-family: baskerville-display-pt, serif;
    color: #881730;
    border-right: 1px solid;
    padding: 0 10px 0 5px;
}
.mn-sub:hover i.right{
    color: #fff!important;
}
.magic-alphabet{
	    font-size: 40px;
	    color: #881730;
    margin-bottom: 20px;
}
.magic-sub-tile{
    text-transform: capitalize;
    letter-spacing: 2px;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
	color: #881730;
}
.style-pera{
	color: #000000 !important;
    letter-spacing: 1px;
    font-weight: 600;
    background: #ffffff;
    padding: 40px;
    border-radius: 0 0 15px 15px;
    box-shadow: 0px 3px 20px #0000001f;
}
.title-styling{
	font-size: 30px;
    line-height: 40px;
    margin-bottom: 13px;
    letter-spacing: 0px;
    font-family: baskerville-display-pt, serif;
    margin-top: 0;
}
.categories > section > h3{
    text-align: center;
    text-transform: uppercase;
    font-family: baskerville-display-pt,serif;
    letter-spacing: .1em;
    color: #003846 !important;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4em;
    }
    .categories > section ul{
        padding:0;
    }
    .categories > section ul li a{
        color:#000;
    }
    .categories > section{
        margin-top: 80px;
        margin-bottom: 100px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px;
        padding-bottom: 30px;
        border: 1px solid #ccc;
        background: #f2f2f2;
    }
    .bg-dynamic-default {
        background-image: url(assets/images/Alzheimers-home-care-overlay.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /* background-position-y: 87px; */
    }
/*--------------------------------------------------------------
>>> Inner Pages Banner CSS
--------------------------------------------------------------*/
  .js-height-full2.bg-dynamic.bg-custom-position {
/*         background-position: 50% 130px; */
	   background-position: 50% 0;
    }
/* 	.js-height-full2.bg-dynamic.bg-custom-position .home-text.banner-text {
        top: 165px;
        position: relative;
    } */
/* .js-height-full2.bg-dynamic.bg-custom-position {
    background-position-y: -24px;
} */
.js-height-full2.bg-dynamic.bg-custom-position .home-text.banner-text {
    bottom: 80px;
    position: relative;
	vertical-align: bottom;
}
    
    .js-height-full2.bg-dynamic.bg-text-alignment .home-text.banner-text {
        top: 145px;
        position: relative;
    }
/*--------------------------------------------------------------
>>> Archive Pages CSS
--------------------------------------------------------------*/
 .archive-post-thumbnail img { 
     height: auto;
     display: block;
     margin: 0 auto;
 }
 #categories-2 ul li.cat-item {
     list-style: none;
 }
 .sidation {
     background: #f2f2f2;
     padding: 0 35px;
     margin-bottom: 10px;
}
a {
     color: #8d1831;  
 }
 span.page-numbers.current {
     color: #8d1831;
     font-weight: 700;
     background: #d2dee2;
     padding: 13px;
 }
 .nav-links a {
     color: #000;
     background: #f1f2f2;
 }
 /*--------------------------------------------------------------
>>> 404 Pages CSS
--------------------------------------------------------------*/
.error404 h1 {
    font-size: 30em;
    margin: 0;
    color: #989898;
    text-align: left;
}
.error404 .page-content {
    float: left;
    width: 100%;
    padding: 12em 0;
}
.error404 .page_info {
    padding: 55px 0 0 45px;
}
.error404 .page_info h2 {
    color: #8d1831;
    font-size: 5em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 0.2em;
}

@media(max-width:400px){
span.wpcf7-form-control-wrap.email input {
    margin: auto;
    margin-bottom: 22px;
}
}
/*.wpcf7-form-control-wrap input {*/
/*    margin:auto;*/
/*    display:block;*/
/*}*/

/*--------------------------------------------------------------
>>> Content Inner Banner Page CSS
--------------------------------------------------------------*/

@media screen and (max-width:1473px){
 	.team-para {
		font-size: 15px;
	} 
    /*.team-item-detail2 .f-23{
		font-size: 19px!important;
	}*/
}
@media screen and (max-width:1024px)  {
	.form-contact-style{
        padding-left: 30px;
        padding-right: 30px;
	}
	.heading-contact-form{
		font-size: 22px;
	}
	
	.caption-style {
		font-size: 1.5vw;
	}
	.caption-style_top {
    font-size:2.0vw;   
}
}

/*--------------------------------------------------------------
>>> Media Queries
--------------------------------------------------------------*/
@media screen and (min-width:1025px)
{
    .imag-set-one
    {
    position: relative;
        left: -51px;
    }
    .imag-set-two
    {
    position: relative;
          left: -55px;
    }
    .imag-set-three
    {
    position: relative;
       left: -45px;
    }
    .is-home-care-butn
    {
        margin-top: 0 !important;
    }
}



 @media screen and (max-width:991px) and (min-width:768px) {
     .js-height-full2 {
        height: 450px;
    }
    
    /*.ipad_resp{margin-left: -19px; margin-right: 30px;}*/
    /*.ipade_respon{margin-right: 50px;}*/

 }
@media screen and (max-width:1024px) and (min-width:768px) {
/*--------------------------------------------------------------
>>> Inner Pages Banner MQ
--------------------------------------------------------------*/    
    .js-height-full2.bg-dynamic.bg-custom-position {
        background-position: center top !important;
    }
    .width-set
    {
        font-size: 12px !important;
    width: 40%;
    }
}
@media screen and (max-width:1024px) and (min-width:992px) {
	   .js-height-full2 {
        height: calc( 100vh - 136px );
    }
}
 @media screen and (max-width: 992px){
     .banner-textation{
         width:80%;
         margin:auto!important;
     }
 }
 @media screen and (max-width:768px) {
    .categories > section > h3{
        font-size: 24px;
    }
}
 @media screen and (max-width:767px) {
/*--------------------------------------------------------------
>>> Inner Pages Banner MQ
--------------------------------------------------------------*/   
    .position-top {
        top: 136px;
    }
	
     .js-height-full2.bg-dynamic.bg-custom-position {
        background-position-y: center;
    }
    .js-height-full2.bg-dynamic.bg-custom-position .home-text.banner-text,
    .js-height-full2.bg-dynamic.bg-text-alignment .home-text.banner-text {
        top: 0;
    }
     .bg-dynamic {
         background-attachment: fixed;
         background-repeat: no-repeat;
         background-position: top;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
     }
     .bg-dynamic .innerbannertext .banner-textation{
          padding-top: 80px !important;
          font-size: 27px;
     }
      .banner-textation{
         width:100% !important;
     } 
     .page .home-text, .archive .home-text {
        vertical-align: bottom;
        padding-bottom: 40px;
    }
    .home.page .home-text {
        vertical-align: middle;
        padding-bottom: 0;
    }
    .banner-span-1{
        font-size: 28px; 
    }
    .banner-span-2{
        font-size: 12px !important;
    }
.js-height-full2 {
	height: calc(100vh - 250px);
}
    .bg-dynamic-default {
    	background-image: url(assets/images/Alzheimers-home-care-overlay.jpg);
    	background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .page-id-1392  #angie-id
    {
        top: 15px !important;
    }
    .page-id-4 #top > section.page-section.pt-0.pb-0.banner-section.bg-dark.imagination-bg > div > div > div.col-md-6 > div > div > div > p:nth-child(4)
    {
        font-size:14px !important;
    }
    .is-home-care-butn
    {
        padding: 9px 22px !important;
    }
    .txt-leftt
    {
        text-align:left !important;
    }
    .singlepostpage img.wp-post-image {
    height: auto;
    width: 100%;
    }
 }
 @media screen and (max-width:366px)
 {
     	.pr-ban-txt
	{
		text-transform: uppercase;
    font-size: 20.5px;
    text-align: center;
  }
   .page-id-131 .banner-textation
   {
    font-size: 23.5px;
   }
 }
  .page-id-1392  #angie-id
    {
        top: 15px;
    }
    /* Portrait */
@media only screen  and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .ipad-cls
    {
        margin-top: 172px;
    }
    
}
    
    @media screen and (min-width:768px) and (max-width:1024px) {
    .tab-set {
        margin-top: -186px;
    }
    .page-id-1337 .res-first-sec 
      {
      padding-top: 60px;
      padding-bottom:0px;
      }
      .page-id-1976 .res-first-sec 
      {
      padding-top: 100px;
      } 
      .page-id-131 .res-first-sec 
      {
      padding-top: 60px;
      padding-bottom:0px;
      } 
    }
    
    @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape)
    {
     .ipad-cls
    {
            margin-top: 196px;
    }
    }
    
    @media screen and (max-width:360px)
    {
        .butn-sett
        {
        height: 100% !important;
        line-height: 18px;
        }
    }
    
    
    .imag-set-0
    {
      width:100%;   
    }
    
    .h1-inner-pages{overflow-wrap: break-word; font-family: baskerville-display-pt, serif; text-transform: uppercase; letter-spacing: .1em; color: #000; font-weight: 700; font-size: 30px; margin-top: 0; margin-bottom: 20px; font-weight: 600; font-style: normal; line-height: 1.4em; }
    
    
    
    .page-template-default .row-flex p a:hover,
.page-template-default .row-flex p a:focus,
.page-template-template-cognitive-therapeutics-method .row-flex p a:hover,
.page-template-template-cognitive-therapeutics-method .row-flex p a:focus{
   color: #dcdcdc !important;
   text-decoration: underline !important;
}
   .page-template-default .row-flex p a,
.page-template-default .row-flex p a,
.page-template-template-cognitive-therapeutics-method .row-flex p a,
.page-template-template-cognitive-therapeutics-method .row-flex p a{
   color: white !important;
}
.page-template-default .row-flex h3 a:hover,
.page-template-default .row-flex h3 a:focus,
.page-template-template-contact-us h3 a:hover,
.page-template-template-contact-us h3 a:focus{
   color: #d2dee2 !important;
}
.page-template-default .row-flex h3 a,
.page-template-default .row-flex h3 a,
.page-template-template-contact-us h3 a,
.page-template-template-contact-us h3 a{
   color: white !important;
}


.app-for-job
{
        height: 53px;
    line-height: 15px;
}
.h1-inner-pages
{
    overflow-wrap: break-word;
    font-family: baskerville-display-pt, serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #000;
    font-weight: 700;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4em;
}

.vid-img img{width:100%;height:auto;}
@media only screen and (max-width:768px){
.wp-video
  {
  transform: translate(0%, 0%);
  }

}

@media only screen and (min-width:768px){
.wp-video
{
    width: 800px !important;
    height: auto !important;
    margin-bottom: 30px;
    transform: translate(25%, 0%);
}
.wp-video video
{
    width: 720px !important;
    height: auto !important;
}
  
  .vid-img img{min-width:525px;}
  
}
@media only screen and (max-width:1129px) and (min-width:1108px){
     .inner-nav ul
    {
           line-height: 149px !important;
              
    } 
    .main-nav.dark .mn-sub{
            margin-top: -50px !important;
    }
    
}
@media only screen and (max-width:1107px) and (min-width:1025px){
   .inner-nav ul
    {
       line-height: 128px !important;
       
    }
    .main-nav.dark .mn-sub{
            margin-top: -33px !important;
    }
}