/*
Theme Name: Parkrose-beachdoctor Schema Child
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/

@import url("../mts_schema/style.css");

/* general */

.buttons {
	float: left; 
	width: 31%;
	position: relative;
    z-index: 100;
}

.buttons .slideButton {
	display: block;
	background:#3778ae;
	text-align: left !important;
	padding: 25.5px 20px !important;
	margin-bottom: 5px !important;
}
.buttons .slideButton:hover {
	background:#e71b1a;
}
.buttons .slideButton p, .buttons .slideButton a {
	color: #fff !important;

	font-size: 29px !important;
	margin-bottom: 0px !important;
}
.buttons .slideButton a{
	display: block;
	width: 100%;
	height: 100%;
	padding-right: 40px;
}
.buttons .slideButton a:hover{
	text-decoration: none;
}
div.main-container {
	max-width: 1124px;
	margin:10px auto;
	background:rgba(255, 255, 255, 0.8)!important;
    -moz-box-shadow:   0px 2px 2px 2px #ccc;
    -webkit-box-shadow: 0px 2px 2px 2px #ccc;
    box-shadow:         0px 2px 2px 2px #ccc;
}
.btn {
color: #fff !important;
    background: #3778ae;
	padding: 10px 15px;
	text-transform: uppercase;
	border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
}
.alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
	border: 2px solid #ececec;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.alignright {
	float: right;
	margin: 0px 0px 20px 20px;
	border: 2px solid #ececec;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.alignnone {
	border: 2px solid #ececec;
	margin-bottom:20px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.center { text-align: Center; }
.clear { clear: both; }
.navigation {
    float: left;
    position: relative;
    width: 100%;
    background: #e71b1a;
}
/* header */
 #header { background: #fff; }
.navigation  { 
	-webkit-box-shadow: 0 5px 5px -6px black!important;
	-moz-box-shadow: 0 5px 5px -6px black!important;
	box-shadow: 0 5px 5px -6px black!important;
}
.headerPhone, .headerInfo { float: left; width: 31%; padding: 1%; }
.homepage .logo-wrap { margin: 10px 0 0 0; position: absolute; top: 20px; left: -17px; z-index: 1; overflow: visible; padding: 10px; background: rgba(255,255,255,0.8); }

.homepage #logo { margin-bottom: 0px; }
.homepage #logo a { float: none; display: block; position: relative; }
.homepage #logo img { float: none; }
.headerInfo { width: 21%;
    text-align: right;
    margin-top: 0px;
    float: right;
    padding: 0%;
    padding-top: 1%; 
	margin-right:1%;}
.headerInfo p { margin-bottom: 5px;   color: #000;}
.headerPhone {    margin-top: 0px;
    width: 26%;
    float: left;
}

.headerPhone p { display: inline-block; margin:0px; color: #000; text-align: left;     font-size: 21px;    padding: 5px 0;   }
.phoned { font-size: 27px; margin-bottom: 10px;}
div.header-social-icons { background: none; border: 0px; float:left;}
div.header-social-icons a { background: #fff; border-radius: 50%; padding: 10px; width: 30px; text-align: center; line-height: 30px; margin: 0px 5px; font-size: 26px;}
div.header-social-icons::before { border: 0px; }
#primary-navigation .header-social-icons a, .header-social-icons a { padding: 0px 10px; }
.newCon { height: 292px; background-position: center center; background-size: cover; }
.newCon a {  display: block;position: relative; width: 100%; height: 100%;}
.primary-slider-container { width: 75%; float: right;  overflow: hidden; margin: 0px; }
.primary-slider-container .slide-caption { 
float: left;
    padding: 0px 30px 10px 50px;
    position: absolute;
    z-index: 100;
    bottom: 0%;
    text-align: left;
    left: 0px;
    /* right: auto; */
    width: 692px;
    display: block;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.slide-title { font-size: 38px !important; line-height: 34px; }
.owl-carousel .owl-item img { max-width: 100% !important; }
.primary-slider .owl-dots { bottom: 8%; top: inherit; right: 16%; }


#page { padding-top: 0px; width: 100%; max-width: 100%; }

/* home boxes */
.homeBoxes {
	margin: 0px auto;
	margin-top: 0px;
	text-align: left;
	max-width: 1110px;
	padding: 5px 0px 0;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4
}
.homeBoxes h3{
	color: #000;
	font-size: 30px;
	margin-top: 0px;
}
.homeBoxes p{
	font-size: 18px !important;
}
.homeBoxes .box01,
.homeBoxes .box02,
.homeBoxes .box03 {
	float: left;
	width: 61.66666667%;
	position: relative;
	padding: 1%;
}
.homeBoxes .box03 h3, .homeBoxes .box03 p{color:#fff;}
.homeBoxes .box03{
    width: 45.6%;
    padding: 0 10px;
    color: #fff;
    float: left;
    margin: 0 1%;
    background: #e71b1a;
    border: 3px solid #7145cf;
    -webkit-box-shadow: 0 5px 5px -4px black!important;
    -moz-box-shadow: 0 5px 5px -4px black!important;
    box-shadow: 0 5px 5px -4px black!important;
    border-radius: 10px;
    -moz-border-radius: 10px;

}
.box01{margin-top:23px;}
.homeBoxes .box02{
	float: right;
	width: 33.33%;
}

/* home widgets */
.homeWidgets {
	margin: 30px auto;
	text-align: left;
}
.homeWidgets h2 { text-align: center; }
.homeWidgets p:last-of-type { height: auto !important; text-align: center; }

.homeWidgets .widgetBox {
	/*border:3px solid #000;*/
    -webkit-box-shadow: 0 5px 5px -4px black!important;
    -moz-box-shadow: 0 5px 5px -4px black!important;
    box-shadow: 0 5px 5px -4px black!important;

}

.widgetBox {
	margin: 0 1% 0px 1%;
	padding: 2%;
	width: 27%;
	float: left;
	height:382px;
/*	border-radius: 10px;
	-moz-border-radius: 10px;*/
	background: #e71b1a;
}
.widgetBox p, .widgetBox a, .homeWidgets .widgetBox h3{color:#fff!important;}
.widgetBox h2 { text-align: center; color:#fff;}

.widgetBox.noMargin {
	margin-right: 0px;
}
.widgetBox img { width: 100%; }

.textwidget p {
	font-size: 16px;
	line-height: 20px;
}

.deskTop {
	display: none;
}
.innerImage img{width:100%;}
/* General Info Box */
.hospitalDetails {
	/*height: 352px;*/
    display: block;
    position: relative;
    text-align: left;
    font-size: 16px;
    margin: 10px -33px 20px 0px;
    padding: 10px 20px 20px 20px;
	background: #e71b1a;
    color: #FFFFFF;
    border: 0px solid #1B3C4E;
}
.hospitalDetails h3, .hospitalDetails p, .hospitalDetails a{color:#fff!important;}
.logo-wrap {
	margin: 0;
    overflow: hidden;
    float: left;
    width: 34%;
    padding-left: 7%;
	margin-right: 10px;
    padding-top: 1%;
}
#logo img {
    float: left;
    /*width: 450px;
    margin-left: 3%;
	    margin-right: 35px;*/
}
/* inner pages */
#page.single { float: left; }
.article { background: none;  margin: 10px auto; float: none;width: 100% !important; }
.page h1.title { margin-bottom: 20px; }

/* footer */
footer{margin-top:0px!important;}
.copyrights { text-align: center; }
.copyrights a{color:#fff!important;}
#copyright-note span { display: none; }
.to-top { float: none; }
#copyright-note .to-top span{ display: inline-block; font-size: 16px; line-height: 24px; }
#copyright-note .to-top a { color: #000 !important; }

.hide-d { display: none; }
footer,.to-top { color: #fff; }

#logo a { float: none !important; }
img.seahorse{
	display: block;
    position: absolute;
    width: 46%;
    bottom: 0px;
    right: 0px;
}
img.whale{width: 60%;
    margin-right: 20%;}
img.crab{
	    display: block;
    position: absolute;
    width: 36%;
    bottom: 0px;
    left: 0px;
}
/*Blog*/
.post-info{display:none;}
#featured-thumbnail {

max-width: 30%;
display: block;
position: relative;
overflow: hidden;
clear: both;
margin-bottom: 15px;
float: right;
}


.front-view-content {

float: left;
width: 69%;
}
body#blog #content_box{width:100%;}
body#blog #sidebar{display:none;}
.innerImage {
	height: 350px;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
@media screen and (max-width: 1152px) {
	.buttons .slideButton{    padding: 33.5px 20px !important;}
	.buttons .slideButton p, .buttons .slideButton a {
    font-size: 18px !important;
}
	div.header-social-icons a{    margin: 0px 3px;}
	.logo-wrap{    margin-right: 10px;}
	.headerPhone p{font-size: 18px;}
	.buttons {
	    float: left;
	    width: 24%;
	    position: relative;
	    z-index: 9999;
	}
	#header #secondary-navigation a {
		    font-size: 16px;
    padding: 24px 17px;
	}
}
/* mobile */
.footer_logos {
    background: #FFFFFF;
    padding: 20px 10px;
    text-align: center;
    margin-top: 30px;
}
.footer_logos img {
    height: 45px !important;
}
div.header-social-icons a {color:#e71b1a!important;
    background: #fff;
    border-radius: 50%;
    padding: 7px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    margin: 0px 5px;
    font-size: 20px;
}
div.header-social-icons {    float: right;
	margin-left: 9px;
}
.navigation ul li a:hover {
    background: #e71b1a;
    border: 2px solid black;
    margin-top: -5px;
    -webkit-box-shadow: 0 5px 5px -6px black;
    -moz-box-shadow: 0 5px 5px -6px black;
    box-shadow: 0 5px 5px -6px black;
}
a {
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}
.current-menu-item a {
    background: #e71b1a;
    border: 2px solid black;
    margin-top: -5px!important;
}
.main-header {
	z-index: 101;
}
@media screen and (max-width: 880px) {
	.logo-wrap{    padding-left: 0;}
	a#pull:after {
	    right: 20px !important;
    	top: auto !important;
	}
	.homeWidgets .widgetBox {
		margin-bottom: 10px;
	}
	img.seahorse, img.whale{display:none;}
	img.crab{display:block; width:80%; position:relative; }
	.widgetBox{height:auto;margin-bottom:5px; margin: 0px;}
	.main-header .container {    background: transparent;}
	.hospitalDetails {
		width: 100%;
		margin:10px auto;
		padding:0px;
	}
	.buttons{display:none;}
	.paddingBox2 { padding: 10px; text-align:center;}
	.hospitalDetails {	height: auto;}
	.hospitalDetails:before { display: none; }
	.main-header { margin-bottom: 10px; }
	.deskTop { display: block; }
	.homeWidgets p:first-of-type { height: auto; }
	.hide-d { display: block; }
	#header { background: none; padding: 0px 0 10px 0px; margin-bottom: 0px; }
	.mobileBtn { margin-bottom: 0px; }
	.mobileBtn a, .hours{ display: block; color: #fff; text-align: center; background: #3778ae; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; margin: 10px !important;}
	.mobileBtn.phoneBtn { font-size: 20px; }
	.mobileBtn a:hover, .mobileBtn a:visited { color: #fff; }
	.primary-slider-container, .hide-xs { display: none; }
	.container, .welcome .container, .widgetBox { width: 96%; padding: 2%; }
	.innerImage { display: none; }
	.homeBoxes, .homeWidgets, .welcome, .footerSocial, div.footer .copy { width: 100%; height: auto;}
	.box01, .box02, .box03 { width: 96%; float: none; margin-bottom: 20px; padding: 2%;}
	.welcome {margin: 20px auto;}
	.homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 {width: 100%;
    margin: 5px 0;
    box-sizing: border-box; }
	.post-content img { width: 100% !important; height: auto !important; }
	.footer-widgets.widgets-num-4 .f-widget:nth-child(even), .footer-widgets.widgets-num-3 .f-widget:nth-child(even),
	.footer-widgets.widgets-num-4 .f-widget, .footer-widgets.widgets-num-3 .f-widget	{ width: 100% !important; max-width: 100% !important; }
	a#pull{background-color: #3778ae!important;}
	div.header-social-icons { float: none !important; text-align: center; background:none!important;}
	div.header-social-icons a { float: none; display: inline-block; position: relative; z-index: 9999; }
	.header-social-icons {  text-align: Center; float: none !important; }
	.header-social-icons a {  display: inline-block; font-size: 32px !important; width: 34px !important; line-height: 34px; color: #333 !important; }
	.homeBoxes {    padding: 45px 0px 0;}
	a#pull {
	    box-sizing: border-box;
    	margin: 0px !important;
	}
}

.reviewMenuButton a{position:relative}.reviewMenuButton a:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:15px;margin:0 auto;background:url(/wp-content/uploads/2019/06/rewiew-5-stars-300-web-2.png) bottom center no-repeat;background-size:contain!important}@media screen and (max-width:880px){.reviewMenuButton{background:0 0!important}}