/* INDEX STYLES ****************************/

.teaser_box .content {
  padding: 15px 20px 10px;
}

.custom-title {
color: #338996;
font-weight: 600 !important;
font-size: 40px !important;
}

.caption .inner .t1,
article.post h2.post_title {
font-weight: 600;
}

.stretchy-wrapper.ratio_slider {
min-height: 500px;
}

.caption.caption-fancy .inner .t1 {
font-size: 55px;
}

div.inner.black_section {
width: 70%;
position: absolute;
top: 20%;
max-width: 900px;
}

@media screen and (min-width: 992px) {
div.inner.black_section.animated.bounceInUp {
  width: 50%;
}
}

.item-doctor {
padding: 10px;
}

@media screen and (max-width: 767px) {
.post_title {
  margin-top: 20px !important;
}
}

.transparent-film {
background-repeat: no-repeat;
background-size: cover;
}

.hours-center {
width: 80%;
margin: 0 auto;
}

@media screen and (min-width: 992px) {
.footer-widget-height {
  min-height: 306px !important;
}
}

#depts_slider .owl-prev,
#depts_slider .owl-next,
#doctor_slider .owl-prev,
#doctor_slider .owl-next {
position: absolute;
top: calc(50% - 50px);
width: 44px;
height: 50px;
opacity: 0.3;
background: url(../images/slider-arrows.png) 0 0 no-repeat;
}

#depts_slider .owl-prev,
#doctor_slider .owl-prev {
left: 0px;
}

#depts_slider .owl-next,
#doctor_slider .owl-next {
right: 0px;
transform: rotate(180deg);
}

#depts_slider .owl-prev:hover,
#depts_slider .owl-next:hover,
#doctor_slider .owl-prev:hover,
#doctor_slider .owl-next:hover {
opacity: 0.7;
}

.menu_container ul.main_menu li,
.top_menu_container ul.main_menu li,
.menu_container ul.top_menu li,
.top_menu_container ul.top_menu li {
list-style-type: none !important;
}

.appointment {
text-align: center;
margin: 40px 0 0;
}

.appointment-banner {
text-align: center;
position: relative;
bottom: 75px;
}

.no-link {
pointer-events: none;
cursor: default;
}

article.post .post_figure_and_info .post_sub span {
background-color: #fff !important;
color: #5e5e5e !important;
}

/* MENU STYLES ****************************/

@media (max-width: 1199px) and (min-width: 992px) {
.menu_container ul.main_menu > li > a {
  padding: 7px 7px;
}
}

.header .mainbar.diagonal .container {
min-height: 85px;
}

.menu_container ul.main_menu li a, .top_menu_container ul.main_menu li a, .menu_container ul.top_menu li a, .top_menu_container ul.top_menu li a {
  padding: 6px 8px;
  font-size: 11px;
}

@media screen and (min-width: 992px) {
.menu_container ul.main_menu li a, .top_menu_container ul.main_menu li a, .menu_container ul.top_menu li a, .top_menu_container ul.top_menu li a {
    font-size: 13px ;
}
}

@media screen and (min-width: 1201px) {
.main_menu div ul li:nth-child(10) {
  position: absolute;
  right: 25px;
  bottom: -5px;
  font-size: 25px;
}

.main_menu div ul li:nth-child(11) {
  position: absolute;
  right: -10px;
  bottom: -5px;
  font-size: 25px;
}

.main_menu div ul li:nth-child(12) {
  position: absolute;
  right: -45px;
  bottom: -5px;
  font-size: 25px;
}

.main_menu div ul li:nth-child(13) {
  position: absolute;
  right: -80px;
  bottom: -5px;
  font-size: 25px;
}

.fa-facebook-square,
.fa-linkedin-square,
.fa-instagram,
.fa-search {
  font-size: 25px;
}

.main_menu div ul li:last-child {
  margin: 0 60px 0 20px;
}
}

/* DOCTORS-CAT STYLES ****************************/

.btn-margin {
margin-bottom: 50px;
}

.no-margin {
margin: 0;
}

.btn-see-more {
margin: 40px 0 30px;
width: 100%;
}

ul.portfolio_filters li a.active {
padding: 6px 30px;
}

.portfolio_item a .portfolio_title {
width: 100%;
}

.portfolio_item a .portfolio_title_custom {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
z-index: 10000;
}

.portfolio_item a .portfolio_title_custom h3 {
font-size: 16px;
font-weight: 500;
margin: 5px 0;
}

ul.portfolio_filters {
text-align: initial;
}

/* DETAIL STYLES ****************************/

.example-item {
padding: 10px;
}

#example_slider .owl-prev,
#example_slider .owl-next {
position: absolute;
top: calc(50% - 50px);
width: 44px;
height: 50px;
opacity: 0.3;
background: url(../images/slider-arrows.png) 0 0 no-repeat;
}

#example_slider .owl-prev {
left: 0px;
}

#example_slider .owl-next {
right: 0px;
transform: rotate(180deg);
}

#example_slider .owl-prev:hover,
#example_slider .owl-next:hover {
opacity: 0.7;
}

/* DETAIL DEPS/NAME STYLES ****************************/

.call-us {
padding: 100px 0 80px;
}

.small-text {
font-size: 9px !important;
}

@media screen and (max-width: 991px) {
.knowledgebase .row div:nth-child(2n+1){
  clear: both;
}
}

@media screen and (min-width: 992px) {
.knowledgebase .row div:nth-child(4n+1){
  clear: both;
}
}

/* CONTACT STYLES ****************************/

.left-margin {
margin-left: 20px;
}

.date-format {
background-color: #fff;
padding: 10px 10px 10px 0;
color: #5e5e5e;
}

.marg-top {
margin: 20px 0;
}

.double-marg {
margin: 40px 0 0;
}

/* CAREERS STYLES ****************************/

.post-nav-career {
text-align: center;
}

.page-numbers {
padding: 10px;
color: #fff;
background-color: #338996;
}

.page-numbers.current {
background-color: #fefefe;
border: 1px solid #338996;
color: #338996;
}

a.page-numbers:hover {
color: #ddd;
}

/* BLOG STYLES ****************************/

.screen-reader-text {
display: none;
}

.more-link {
background-color: #338996;
padding: 10px 25px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
margin-top: 30px;
}

.more-link:hover {
background-color: rgba(51,137,150, 0.8);
color: #fff;
}

/* EVENTS STYLES ****************************/

.date-format-second {
background-color: #fff;
padding: 10px;
color: #5e5e5e;
}

/* WIDGETS STYLES ****************************/

.widget-title {
font-weight: 600;
}

.btn-margin-top {
margin-top: 20px;
}

footer .ramq {
margin-top: 25px;
}

footer .ramq img {
max-width: 200px;
margin-bottom: 25px;
}

/* CONTACT FORM STYLES ****************************/

.wpcf7-form label,
.wpcf7-form-control,
.wpcf7-form-control input {
width: 100%;
}

.wpcf7-form-control {
background-color: #edeced;
border: none;
padding: 10px;
}

.wpcf7-submit {
padding: 10px 30px;
border: none;
background-color: #338996;
color: #fff;
border: 1px solid #fefefe;
font-weight: 500;
max-width: 140px;
}

.wpcf7-submit:hover {
background-color: rgb(19,128,142);
}

.textwidget .wpcf7-form label,
.textwidget .wpcf7-form-control,
.textwidget .wpcf7-form-control input {
width: 100%;
margin-bottom: 0;
}

.textwidget .wpcf7-form-control {
background-color: #edeced;
border: none;
padding: 5px;
}

.textwidget .wpcf7-submit {
padding: 10px 30px;
border: none;
background-color: #07A4FF;
color: #fff;
font-weight: 500;
}

input[type="file"] {
line-height: 1px;
padding: 14px 10px
}

/*************************
*
* COLORS *
*
**************************/

.header,
body,
section {
background-color: #fefefe !important;
}

a:hover {
color: rgba(51,137,150, 0.7);
}

.btn-primary:hover {
background-color: rgba(51,137,150, 0.7) !important;
}

.header {
background-color: #efefef;
}

.menu_container ul.main_menu li a:link,
.top_menu_container ul.main_menu li a:link,
.menu_container ul.top_menu li a:link,
.top_menu_container ul.top_menu li a:link,
.menu_container ul.main_menu li a:visited,
.top_menu_container ul.main_menu li a:visited,
.menu_container ul.top_menu li a:visited,
.top_menu_container ul.top_menu li a:visited {
  color: #323232;
}

label.mobile_collapser {
color: #000;
}

.current-menu-item a {
background-color: #338996 !important;
color: #fff !important;
padding: 10px;
}

@media screen and (max-width: 1200px) {
.menu li a {
  border-bottom: 1px solid #efefef;
}
}

.menu a:hover {
background-color: #338996 !important;
color: #fff !important;
padding: 10px;
}

.black_section {
background-color: rgba(9, 118, 132, 0.6);
}

.black_section a:link {
color: #fff;
text-decoration: underline;
}

section {
border-bottom: 1px solid #ddd;
}

.main .secondary_section {
background-color: rgba(51, 137, 150, 0.8);
}

.skincolored_section.entry a:hover,
.secondary_section.entry a:hover,
div.entry_text:hover {
background-color: rgb(19, 128, 142);
}

.appointment a:hover {
background-color: rgba(9, 118, 132, 0.6) !important;
}

.main section.no_padding {
padding-bottom: 60px !important;
}


.btn-primary-invert {
border: 1px solid #fff !important;
}

.btn-primary-invert:hover {
border: 1px solid #fff !important;
background-color: rgb(19, 128, 142) !important;
}

.header {
border-bottom: 1px solid #efefef;
}

@media screen and (max-width: 767px) {
.elevate {
  margin-top: 70px;
}
}

/* FOOTER *************/

footer.gradient-invert .container {
padding: 0;
}

footer aside {
max-width: 400px;
margin: 0 auto 20px !important;
}

footer .border-box-one,
footer .border-box-two,
footer .border-box-three  {
border-bottom: 1px solid #efefef !important;
}

@media screen and (min-width: 992px) {
footer .border-box-one,
footer .border-box-two,
footer .border-box-three {
  border-bottom: none !important;
}
}

footer  a:link,
footer a:visited {
color: #fff;
}

footer .widget_recent_entries  ul li {
list-style-type: none;
margin: 15px 0;
}

footer .widget_recent_entries  ul li a {
text-transform: uppercase;
margin: 15px;
}

/* PAGES *************************/

.head_panel .hgroup .title.diagonal-bgcolor-trans {
  background: linear-gradient(to right, #fefefe 0%, #fefefe 25%, transparent 25%, transparent 100%);
}

.head_panel .hgroup .title.diagonal-bgcolor-trans .container h1 {
  background-color: #fefefe;
}

.head_panel .hgroup .title.diagonal-bgcolor-trans .container h1:after {
  background: linear-gradient(to top right, #fefefe 0%, #fefefe 50%, transparent 50%, transparent 100%);
}

.testimonial p,
.testimonial div.name,
.section_header.fancy h2 {
color: #000;
}


@media screen and (max-width: 600px) {
.section_header.fancy h2 {
  font-size: 4rem;
}
}

.light_section, .main .light_section, div[class*="_section"] .light_section, section[class*="_section"] .light_section, section[class*="_section"] div[class*="_section"] .light_section {
  background-color: #338996;
  border-right: 1px solid #efefef !important;
  border-bottom: 1px solid #efefef !important;
}

.portfolio_item a .portfolio_description.degrade {
  background-color: rgba(51, 137, 150, 0.5) ;
}

.no-bord {
border: none;
}

@media screen and (max-width: 991px) {
.border-bottom {
  border-bottom: 1px solid #efefef !important;
}
}

@media screen and (min-width: 992px) {
.border-bottom {
  border-right: 1px solid #efefef !important;
}
}

.search-field{
width: 240px;
margin-bottom: 20px;
border: 0px;
border-bottom: 1px solid grey;
outline: none;
}

.search-submit{
background: rgba(0, 0, 0, 0.3);
color: white;
}

.search-form-container {
max-width: 1200px;
margin: 0 auto;
text-align: right;
padding: 0 100px;
color: #000;
}

.footer-widget-height .textwidget a {
margin: 0;
display: block
}

.footer-widget-height .textwidget a::after {
position: absolute;
left: 0;
top: 55px;
}

@media screen and (min-width: 992px) {
.separator {
  display: block;
  height: 1px;
  width: 40%;
  background: #efefef40;
  margin: auto;
}
}

div#appt img {
margin-top: 55px;
}

.widget4 aside {
max-width: 900px;
}

.widget4 .textwidget {
display: flex;
align-items: center;
margin-top: 30px;
justify-content: center;
flex-direction: column;
}

.widget4 div.text {
width: 100%;
}

@media screen and (min-width: 992px) {
.widget4 .textwidget {
  flex-direction: row;
}

.widget4 div.text {
  width: 30%;
}
}