.header-under-nav {
background-color: #02053a;
}
header.otb-header .container {
position: relative;
}
header.otb-header .header-under-nav .rb-nav {
float: none;
}
header.otb-header .contact-right {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
float: right;
}
.contact-right ul {
list-style: none;
}
.contact-right ul li,
.contact-right ul li a,
.contact-right ul li i {
font-size: 18px;
font-weight: 600;
color: #080d5a;
}
.contact-right ul li i {
padding-right: 10px;
font-weight: 100;
text-align: center;
color: #107180;
width: 20px;
}
@media screen and (min-width: 1000px) {
header.main-header .header-under-nav .rb-nav .rb-primary-menu .menu-item a {
padding: 10px 0;
}
}
@media screen and (min-width:1025px) {
.otb-top-header {
display: none;
}
}
@media screen and (max-width:1026px) {
.contact-right {
display: none;
}
header.otb-header .rb-nav .rb-primary-menu .menu-item {
background-color: #02053a;
}
.menu-item a .rb-menu-button:after {
background-color: #fff!important;
}
}
.otb-main-footer .container .half > a {
color: #9ea7ba;
}
.otb-main-footer .container .half > a:hover {
color: #fff;
}
.rb-mob-menu-line {
background-color: #080d5a!important;
} .at-white-box-image {
position: relative;
margin-bottom: 75px;
}
.at-white-box-image .image {
position: relative;
width: 100%;
height: 350px;
z-index: 1;
background-size: cover;
background-position: center center;
border-radius: 10px;
}
.at-white-box-image .box {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
width: 85%;
height: 200px;
background-color: #fff;
border-radius: 10px;
} .at-service-blocks:after {
content: "";
display: block;
clear: both;
}
.at-service-blocks .block {
position: relative;
width: 48%;
float: left;
margin-right: 4%;
background-color: #fff;
border-radius: 5px;
box-sizing: border-box;
}
.at-service-blocks .block:last-of-type {
margin-right: 0;
}
.at-service-blocks .block .side {
width: 50%;
margin-left: auto;
margin-right: 0;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 45px;
}
.at-service-blocks .block:last-of-type .side {
margin-right: auto;
margin-left: 0;
padding-right: 0;
padding-left: 45px;
}
.at-service-blocks .block .side h2 {
margin-bottom: 35px;
}
.at-service-blocks .block .side .rb-button {
margin-top: 50px;
border: 2px solid #578e8b;
border-radius: 50px;
transition: 300ms;
}
.at-service-blocks .block .side .rb-button:hover {
background-color: #578e8b;
color: #fff;
}
.at-service-blocks .block .image {
position: absolute;
left: -15%;
top: -45%;
width: 55%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: 5px;
}
.at-service-blocks .block:last-of-type .image {
left: auto;
top: auto;
bottom: -45%;
right: -15%;
background-position: 60% center;
} .at-products-grid:after {
content: "";
display: block;
clear: both;
}
.at-products-grid .grid-block {
width: 24.25%;
float: left;
margin-right: 1%;
}
.at-products-grid a:nth-of-type(4n) .grid-block {
margin-right: 0;
}
.at-products-grid .grid-block .image {
position: relative;
overflow: hidden;
}
.at-products-grid .grid-block .image:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background-color: #0e707f;
opacity: .5;
transition: 300ms ease-in-out;
}
.at-products-grid .grid-block .image:hover:after {
top: 0%;
}
.at-products-grid .grid-block .under {
text-align: center;
margin-top: 10px;
} .at-text-image-block {
margin-top: 150px;
margin-bottom: 200px;
width: 100%;
height: 700px;
position: relative;
}
.at-text-image-block .box {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 110%;
height: 100%;
border-radius: 10px;
background-size: cover;
background-position: center;
padding: 40px;
box-sizing: border-box;
z-index: 1;
}
.at-text-image-block:after {
content: "";
display: block;
position: absolute;
top: -20px;
right: 20px;
width: 75%;
height: 775px;
border-radius: 5px;
background-color: #fff;
z-index: 0;
}
.at-text-image-block .leaf {
position: absolute;
width: 235px;
height: 400px;
background-image: url(//ascent-therapies.com/wp-content/uploads/leaf-2.png);
background-size: cover;
top: -35%;
left: -60px;
z-index: 0;
}
.at-text-image-block .box .content {
position: absolute;
width: 40%;
top: 50%;
right: 25px;
transform: translateY(-50%);
z-index: 2;
}
.at-text-image-block .box .content h2 {
font-size: 60px;
font-weight: 600;
line-height: 62px;
margin-bottom: 20px;
text-transform: uppercase;
color: #fff; }
.at-text-image-block .box:after {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to right,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
border-radius: 10px;
}
.at-text-image-block .box .content p {
color: #fff;
}
.at-text-image-block .box .content .rb-button {
background-color: #0e707f;
border: 2px solid #0e707f;
color: #fff;
border-radius: 50px;
margin-top: 25px;
transition: 300ms;
}
.at-text-image-block .box .content .rb-button:hover {
background-color: #fff;
color: #0e707f;
} .at-news-blocks:after {
content: "";
display: block;
clear: both;
}
.at-news-blocks .block {
width: 31.66%;
float: left;
margin-right: 1%;
}
.at-news-blocks .block .image img {
display: block;
}
.at-news-blocks .block .image {
position: relative;
overflow: hidden;
max-height: 400px;
}
.at-news-blocks .block .image:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 100%;
left: 0;
background-color: #0e707f;
opacity: .5;
transition: 300ms ease-in-out;
}
.at-news-blocks .block .image:hover:after {
top: 0;
}
.at-news-blocks a:nth-of-type(3n) .block {
margin-right: 0;
}
.at-news-blocks .block .under {
margin-top: 10px;
text-align: center;
}
.at-news-blocks .block .under h3 {
color: #9ea7c3;
}
.at-news-blocks .block .under p {
color: #fff;
}  .left-leaf:before {
content: "";
display: block;
width: 355px;
height: 350px;
background: url(//ascent-therapies.com/wp-content/uploads/leaf-1.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -8%;
top: 10%;
} 
.right-leaf::after  {
content: "";
display: block;
width: 355px;
height: 500px;
background: url(//ascent-therapies.com/wp-content/uploads/leaf-3.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: -8%;
top: -135px;
}  
#background-size .wpb_column {
position: relative;
z-index: 2;
}
#top-row {
z-index: 1;
}
#background-size {
z-index: 2;
overflow: visible;
}
#blue-leaf-background {
background-size: 30%!important;
background-position: 65% 110%!important;
}
#pattern-background {
background-size: 102%!important;
} .ts-cs,
.ts-cs a {
font-size: 14px;
}
.rb-button {
padding: 20px 50px;
}
.ts-cs a:hover {
color: #333885!important;
}
.otb.archive-single .overlay h2 {
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
}
.title-line {
display: none;
} .post-type-archive-product,
.related-products-container {
background-color: #f4f4f4;
}
.related-products-container {
padding-top: 35px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
font-weight: 600;
}
.woocommerce-breadcrumb {
display: none;
}
.woocommerce-pagination {
margin-bottom: 50px;
}
.woocommerce ul.products li.product .button {
background-color: #4F909A;
color: #fff;
}
.woocommerce ul.products li.product .button:hover {
background-color: #5b9ba4;
}
.product_meta .sku_wrapper {
display: none;
}
.woocommerce div.product h1.product_title {
font-size: 35px;
font-weight: 500;
}
.woocommerce .quantity .qty {
padding: 3px;
}
.woocommerce-Tabs-panel > h2:first-of-type {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel > * {
margin-bottom: 10px;
}
.related.products .products {
margin-bottom: 0;
} .courses-container {
margin-bottom: 50px;
}
.courses-container:after {
content: "";
display: block;
clear: both;
}
.courses-container .course-block {
position: relative;
width: 32.66%;
float: left;
margin-right: 1%;
margin-bottom: 10px;
}
.courses-container a:nth-of-type(3n) .course-block {
margin-right: 0;
}
.courses-container .course-block .image {
position: relative;
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
}
.courses-container .course-block .image:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(1, 3, 40, .5);
z-index: 0;
opacity: 0;
transition: 300ms;
}
.courses-container .course-block:hover .image:after {
opacity: 1;
}
.courses-container .course-block .image .hover-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.courses-container .course-block .image .hover-icon i {
position: relative;
font-size: 24px;
color: #fff;
z-index: 1;
}
.courses-container .course-block .image .hover-icon:before,
.courses-container .course-block .image .hover-icon:after {
content: "";
display: block;
position: absolute;
transform: translateX(-50%) translateY(-50%);
width: 65px;
height: 65px;
-webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
clip-path: polygon(0 0, 0 100%, 100% 0);
background-color: #010327;
border-radius: 50%;
transition: 200ms ease-in;
z-index: 0;
}
.courses-container .course-block .image .hover-icon:before {
top: 50%;
left: 50%;
}
.courses-container .course-block .image .hover-icon:after {
background-color: #4c4f7b;
top: 50%;
left: 50%;
-webkit-clip-path: polygon(100% 100%, 0 100%, 100% 0);
clip-path: polygon(100% 100%, 0 100%, 100% 0);
}
.courses-container .course-block:hover .image .hover-icon:before {
top: 10%;
left: 80%;
}
.courses-container .course-block:hover .image .hover-icon:after {
top: 80%;
left: 20%;
}
.courses-container .course-block .overlay {
height: 70px;
width: 100%;
padding: 10px;
background-color: #fff;
box-sizing: border-box;
}
.courses-container .course-block .overlay h3 {
font-family: Lato;
font-size: 14px;
color: #010327;
}
@media screen and (max-width: 1024px) {
.courses-container .course-block,
.courses-container a:nth-of-type(3n) .course-block {
width: 49.5%;
margin-right: 1%;
}
.courses-container a:nth-of-type(2n) .course-block {
margin-right: 0;
}
}
@media screen and (max-width: 800px) {
.courses-container .course-block {
width: 100%!important;
margin-right: 0%!important;
}
}
.course-info {
margin-top: 15px;
margin-bottom: 30px;
}
.course-info .course-info-block {
background-color: #02053a;
color: #c4d0eb;
border-radius: 5px;
margin-right: 5px;
padding: 5px 10px;
box-sizing: border-box;
}
#background-size {
background-size: 102%!important;
}
.footer-logo-container {
display: flex;
align-items: center;
justify-content: space-between;
margin: auto;
max-width: 530px;
margin-top: 25px;
}
.footer-logo {
max-height: 100px;
width: auto;
}
.therapists-txt {
padding: 25px;
background-color: #ffffff;
border-radius: 10px;
}
.rb-lightbox img {
max-height: 550px!important;
} .pre-footer .container > p {
display: none;
}
@media screen and (max-width: 1105px) {
.at-service-blocks .block {
width: 100%;
margin-bottom: 150px; 
}
}
@media screen and (max-width: 890px) {
.grid-block {
width: 48%!important;
}
}
@media (max-widtH: 1141px ) {
.at-text-image-block .box {
width: 100%!important;
}
.at-text-image-block .box .content {
width: 90%!important;
}
.at-text-image-block .box .content h2 {
transform: none!important;
}
.at-text-image-block .box:after {
background: rgba(0, 0, 0, 0.79);
} .at-news-blocks a:nth-of-type(3n) .block {
margin: auto!important;
}
.at-news-blocks .block {
width: 70%;
margin: auto;
float: none;
display: block;
}
}
@media screen and (max-width: 1024px) {
.right-leaf, .left-leaf {
display: none;
}
}
@media (max-width: 767px) {
.footer-logo-container {
justify-content: space-evenly!important;
}
.footer-logo {
max-height: 75px!important; 
}
.vc_column_container>.vc_column-inner {
padding-left: 0px!important;
padding-right: 0px!important;
}
h1 {
font-size: 39px!important;
line-height: 50px!important;
}
h3 {
line-height: 35px!important;
}
.woocommerce div.product div.images img {
width: 95%!important;
}
.page-id-9 .content .image {
display: none;
}
.at-service-blocks .block .side {
width: 90%;
margin-left: 5%!important;
padding-left: 0!important;
margin-right: 5%!important;
}
.courses-container .course-block .overlay h3 {
line-height: 19px!important;
}
}
.woocommerce button.button, .woocommerce button.button.alt, .woocommerce a.button {
background-color: #02053a!important;
color: #ffffff!important;
}
i.fas.fa-shopping-cart {
margin-right: 5px;
}
.woocommerce-form-coupon-toggle {
display: none;
}
.at-products-grid img {
display: block;
margin: auto;
}
li.cat-item {
font-weight: bold;
list-style: disc;
}
ul.children {
padding-left: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
.children li {
list-style: circle;
}
ul.product-categories {
margin-left: 22px;
}
@media screen and (max-width: 890px) {
.grid-block {
width: 47%!important;
min-height: 390px;
}
}
.contact-right ul {
margin-bottom: 20px;
}
header.otb-header .contact-right {
position: absolute;
top: 60%;
} .product_meta {
margin-bottom: 15px;
}
footer .wp-video {
display: none;
}
header.otb-header .container {
padding: 0;
position: relative;
}