/*
Theme Name: UOC Theme
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;700&&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');


*{margin:0; padding:0; box-sizing: border-box;}
p{margin-bottom: 1.5em;}
img{max-width:100%;}
body{/* font-family: Roboto Slab;  */   font-family: 'Open Sans', sans-serif; font-size: 1em;}
button{font-family: 'Open Sans', sans-serif;}
.wrap{margin:0 auto; max-width:940px; width:100%;}

.header-top{background-color: #1c3569; text-align:center; padding-top:.17em; padding-bottom:.17em;}
.header-top li{list-style:none; display:inline-block; padding: 0em .4em 0em .4em; border-left:2px solid #fff; line-height:80%;}
.header-top li:first-child{border-left:0;}
.header-top li a{color:#fff; font-size: .8em; font-family: 'Roboto Slab', serif; text-decoration:none; line-height:100%;}

.header{width:100%; float:left; margin-top: .75em;}
.logo{float:left; width:30%;}
.header-right{text-align:right; color: #1c3569; float:right; width:70%;}
.header-right h1{font-size:2em; font-family: 'Roboto Slab', serif; font-weight:400; margin-top: 20px;}
.header-right li{list-style:none; display:inline-block;}
.header-right li a{color: #1c3569; font-size: .9em; padding-left: 2em; background-position: 0 0; font-family: 'Roboto Slab', serif;}

.nav_wrap{width:100%; float:left; margin-top:1em; margin-bottom:10px;}
.navMenu{width:79%; float:left; background: -webkit-linear-gradient(#ffc259, #8f6712); background: -o-linear-gradient(#ffc259, #8f6712); background: -moz-linear-gradient(#ffc259, #8f6712); background: linear-gradient(#ffc259, #8f6712); text-align: center;}
.navMenu li{list-style:none; display:inline-block;}
.navMenu li a{color: #fff; text-decoration: none; font-size: 1em; padding: 0.75em 1.3em; display:block; font-family: 'Roboto Slab', serif;}
.navMenu li a:hover, .navMenu .current-menu-item a{background-color: #7a5810;}
.navMenu .current-page-ancestor a{background-color: #7a5810;}
.expert-left-sidebar .current-menu-item a, .expert-left-sidebar li a:hover{background-color: #495d87;}
.expert-left-sidebar .current-post-ancestor a{background-color: #495d87;}
.page-template-news-blog .expert-right.news-blog h3{font-size: inherit;}
.single .expert-info.nw h3{color: #1c3569; font-family: 'Roboto Slab', serif; margin-bottom: .2em;}
.single .expert-info.nw h3 span{font-family: "Open Sans", sans-serif;  margin-bottom: .2em;}
.single .expert-info.nw h4{    color: #1c3569; font-family: 'Roboto Slab', serif;}

.portal-login{width:20.5%; float:left; margin-left:.5%; background: -webkit-linear-gradient(#6495fb, #1c3569); background: -moz-linear-gradient(#6495fb, #1c3569); background: linear-gradient(#6495fb, #1c3569);}
.portal-login li{list-style:none; display:inline-block; width: 100%; background:url(images/login-arrow.png); background-repeat:no-repeat; background-position: 5px 16px;}
.portal-login li a{color:#fff; text-decoration:none; padding: 0.75em 0 0.75em 25px; display:block; font-family: 'Roboto Slab', serif;}
.portal-login li a:hover{background:url(images/login-arrow.png); background-color: #1c3569; background-repeat: no-repeat; background-position: 5px 16px;}

.appoint{background:url(images/appointment-icon.png); background-repeat: no-repeat;}
.pay-icon{background:url(images/pay-icon.png); background-repeat: no-repeat; margin-left: 1em;}
.referring{background:url(images/referring-icon.png); background-repeat: no-repeat; margin-left: 1em;}


.h-btn button, .h-btn a, .n2-style-74e2934312f4b157e51f5e7a08cad499-heading, .n2-style-9f73558cd130b3ff9f25f7040a2168b2-heading, .n2-style-66a527157f5526d29283c6568664562f-heading{border:1px solid #fff !important; padding: .3em .5em !important; font-size: .9em !important;}
.h-btn button:hover, .h-btn a:hover, .n2-style-74e2934312f4b157e51f5e7a08cad499-heading:hover, .n2-style-9f73558cd130b3ff9f25f7040a2168b2-heading:hover, .n2-style-66a527157f5526d29283c6568664562f-heading:hover{background:transparent !important;}

#n2-ss-2item1{font-size:2.4em !important;}

.site_bg{background-position: 50% 0; background-repeat: no-repeat, repeat-x; background-color: #aeafb3; overflow: hidden;}

.home #main{background:transparent;}
#main{background:#fff;}
#main ul{margin-left:20px; margin-bottom:1.5em;}

.leftMenu{margin-bottom:0 !important;}
#main .leftMenu ul{list-style:none; margin-left:0;}
.leftMenu li a{color:#fff; padding: .5em .75em; font-size: .80em; text-decoration: none; display:block;}
.leftMenu li a:hover{background-color: #495d87;}

.sports-medi{z-index:9; position: relative;}
.sports-medicine-title{z-index:9; position:relative;}

.h-link-btn button, .h-link-btn a{padding:.5em !important; width:130px; font-size:1em !important;}
.h-link-btn button:hover, .h-link-btn a:hover{background-color: #c79536 !important;}

.expert-left-sidebar{width:23.41%; float:left; background-color:#1c3569; background-image: url(http://worksamples.website/uoc/wp-content/uploads/2020/09/sm-heading.png?id=169) !important; background-position: 0 0 !important; background-repeat: no-repeat !important; padding-bottom: 1em;}
.expert-left-sidebar h2{font-size: 1.625em; color: #ffffff; text-align: center; font-family: 'Roboto Slab', serif; font-weight: 400; font-style: normal; margin-top: 10px; margin-bottom:31px;}
#main .expert-left-sidebar ul{margin-left:0; margin-bottom:0;}
.expert-left-sidebar ul li{list-style:none;}
.expert-left-sidebar ul li a {display: block; padding: .5em .75em; color: white; text-decoration: none; font-size: .80em;}
.expert-right{float:left; width:74%; margin-left:2.59%;     padding-right: 3%;}
.expert-right h1.page-title{font-size: 2em; color: #1c3569; padding-bottom: .4em; border-bottom: 1px solid gray; font-family: 'Roboto Slab', serif; margin-bottom: .5em; font-weight: 400;}

.expert-info-wrap{float:left; width:100%; margin: .5em 0 1.5em;}
.expert-img{float:left; width:30%;}
.expert-info{float:left; width:68%; margin-left:2%;}
.expert-info h3{font-size:2em; font-weight:400;}
.expert-info h3 a{color:#000; text-decoration:none;}
.expert-info h3 a:hover{color: #495d87;}
.expert-info h3 span{font-size:.6em; font-weight:400; width:100%; float: left;}
.expert-info h4{font-size:1.5em; margin-bottom: .3em; font-weight:400;}
.expert-info p{margin-bottom: .2em;}
.view-profile{width: 100%; color: white; display: block; text-align: center; padding: .5em; margin-top: .6em; text-decoration: none; background: -webkit-linear-gradient(#ffc259, #8f6712); background: -o-linear-gradient(#ffc259, #8f6712); background: -moz-linear-gradient(#ffc259, #8f6712); background: linear-gradient(#ffc259, #8f6712); float:left; font-family: 'Roboto Slab', serif;}
.view-profile:hover{background: #7a5810;}
.green-btn{color: #fff; text-decoration: none; padding: .3em .5em; margin-left: 0; background-color: #2e5e20; border: 1px solid #fff; margin-top: .4em; display:inline-block;}

.direction-btn a{color: white; text-decoration: none; font-family: "Open Sans", sans-serif; font-size: 1em !important; padding: .3em .5em !important; background-color: #2e5e20; border: 1px solid white;}

.vc_toggle_title{background:linear-gradient(#cdcdcd, #a6a6a6); padding: .2em .5em !important; margin-bottom: .3em !important;}
.vc_toggle_title:hover{background: #7a5810;}
.vc_toggle_icon{float:right; margin-top:-25px;}
.blue-c-accordian .vc_toggle_icon{margin-top:-22px;}
.blue-c-accordian .vc_toggle_title:hover{background-color: #495d87;}
.blue-c-accordian .vc_toggle_title:hover .vc_custom_heading{color:#fff !important;}

.news-blog li{list-style:none; margin-bottom: 1.5em; border-bottom: 1px solid gray; margin-right: 1.5em;}
.news-blog li .link-more{display:none;}
.news-date{font-family: "Open Sans", sans-serif; font-weight: bold; font-size: .9em; color: gray; margin-bottom: .5em; border-bottom: none;}
.news-blog h3 a{font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 1.5em; padding-bottom: .4em; padding-left: 0; margin: .1em 0; display:block;}
.news-blog li .more{display: block; margin-bottom: .6em;}

.pag-nav{background: #f1f1f1; border: 1px solid #e5e5e5; text-align: center; padding: 1em;}
.news-blog .pag-nav ul{margin:0 !important;}
.news-blog .pag-nav li{display:inline-block; margin-bottom:0; margin-right:0; border-bottom:0;}
.news-blog .pag-nav li a{padding: 0.2em 0.3em; color:#000; text-decoration:none;}
.news-blog .pag-nav .page-numbers.current{font-style: normal; font-weight: bold; background-color: #bebebe; display: inline-block; width: 1.4em; height: 1.4em; line-height: 1.5; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; text-shadow: rgba(255,255,255,0.8) 1px 1px 1px;}

.news-detail .blog-detail-title{font-family: "Open Sans", sans-serif; font-weight: normal; color: black; padding-bottom: .4em; padding-left: 0; margin: .1em 0 20px; border-bottom: 1px solid gray; font-size: 1.5em;}

.news-date{margin-top:1em;}
.backto{display:inline-block; margin-bottom:1em; margin-top:20px;}
.addtoany_list a, .widget .addtoany_list a{padding:0 2px !important;}

.col-50{width:49%; float:left; margin-left:2%;}
.col-50:nth-child(2n+1){margin-left:0;}
input[type="text"], input[type="email"], input[type="password"], input[type="date"], textarea, select {width: 100%; font-size: 1em; padding: .2em; border: 1px solid gray; margin-bottom: .2em;}
.form-row {width: 97%; margin-bottom: .8em; float:left;}
label {display: block; margin-bottom: .3em;}
.wpcf7-submit, .caldera_forms_form .btn{padding: .3em .5em !important; background-color: #2e5e20 !important; cursor:pointer; color:#fff !important; border:1px solid #fff !important; font-family: "Open Sans", sans-serif; font-size: 1em !important;}
.wpcf7-submit:hover, .caldera_forms_form .btn:hover{background-color: #1c3569 !important;}

#main{float: left; width: 100%;}
.green-button a{padding: .3em .5em !important; font-size: 1em !important;}
.green-button a:hover{background-color: #1c3569 !important;}


.col-3{width:33.33%; float:left; padding-left:10px;}
.form-row .col-3:nth-child(3n+1){padding-left:0;}
.wpcf7 h3, .caldera_forms_form h3{color: #1c3569; font-family: 'Roboto Slab', serif; font-size: 1.5em; font-weight: bold; padding: .1em 0; margin: 1em 0 .6em; border-bottom: 1px solid gray;}

#main .leftMenu li{position:relative;}
#main .leftMenu li ul{margin-bottom:0; display:none;}
#main .leftMenu li ul li a{padding-left:20px; padding-right:20px;}
.menu-item-has-children.expanded, #main .leftMenu li.menu-item-has-children.current_page_ancestor{background-color: #495d87;}
#main .leftMenu li ul li{position:relative;}
#main .leftMenu li.menu-item-has-children.expanded .sub-menu{display:block;}
#main .leftMenu li.menu-item-has-children.current_page_ancestor .sub-menu{display:block;}
#main .leftMenu li.menu-item-has-children:before{position:absolute; right:10px; content:"\f0da"; font: normal normal normal 14px/1 FontAwesome; top:9px; z-index:99; color:#fff; cursor:pointer;}
#main .leftMenu li.menu-item-has-children:hover:before{content:"\f0d7";}
#main .leftMenu li.menu-item-has-children.expanded:before{content:"\f0d7";}
#main .leftMenu li ul li a:hover{background-color: #c79536;}
#main .leftMenu li ul li a:before{content:""; width:4px; height:4px; border-radius:10px; background:#fff; position:absolute; left:10px; top:13px;}
#main .leftMenu li ul li.current-menu-item a{background-color: #c79536;}

.red{color:#ff0000;}
.sub-field-txt{font-size: .8em; font-style: italic;}

.vc_tta-panel-heading{background: linear-gradient(#cdcdcd, #a6a6a6); background-repeat: no-repeat; background-position: 98% 50%, 0 0; margin-bottom: .3em !important;}
.vc_tta-panel-heading:hover{background: #7a5810 !important;}
.vc_tta-panel-heading .vc_tta-panel-title{ color: #fff !important; font-family: 'Roboto Slab', serif; font-weight:400; }
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{font-size: 1.5em; color: #fff !important; font-family: 'Roboto Slab', serif; padding: .2em 42px .2em .5em !important;}
.vc_tta.vc_general .vc_tta-panel-body{padding-top:0 !important; padding-left:0 !important; padding-right:0 !important; font-size:.9em;}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before{border-top-color: #fff !important;}

.history-table {border-collapse: collapse; margin-bottom: 2em; margin-right:3%;}
.history-table td {padding: 1em; border: 1px solid #1c3569;}
.history-table .year {font-weight: bold;}

.leftMenu .current-menu-item a{background-color: #495d87;}
.page-id-3 .vc_sep_line{width:97% !important;}

.wpcf7 form.sent .wpcf7-response-output{width: 97%; float: left; margin-left: 0; margin-right: 0;}
.caldera-grid label{font-weight:400 !important;}
.caldera_forms_form .row{margin-bottom:.8em; margin-left: 0 !important; margin-right:0 !important;}


.footer{background-color: #1c3569; color: #c6dce8; padding-top: 1em; padding-bottom:1em; width:100%; float:left;}
.footer h2.widget-title{font-size: 1.2em; text-transform: uppercase; margin-bottom: .5em; font-weight:400;}
.footer p{font-size: .8em; margin-bottom: .5em;}
.footer li{font-size: .8em; margin-bottom: .5em; list-style:none;}
.footer li a{text-decoration: none; color: #c6dce8;}
.footer-col{float: left; 	width: 25%; padding-left: 1em;}

.footer .widget_text + .widget_text{margin-top:1em;}
.copyright{color: #c6dce8; background-color: #15284f; text-align: center; padding: .5em; font-size: .8em; width:100%; float:left;}
.copyright a{text-decoration:none; color: #c6dce8;}
.by-loaded {font-size: .9em; font-style: italic; color: #b3b3b3;}

@media(max-width:940px)
{
	.wrap{padding-left:15px; padding-right:15px;}
	.vc_col-sm-3 .vc_column-inner{background-image:none !important;}
	.expert-left-sidebar{background-image:none !important;}
	.portal-login{width:100%;}
	.h-link-btn.vc_btn3-inline{margin-right:0 !important; width:49%; margin-left:.5%; margin-right:.5%;}
	.h-link-btn a{width:100%;}
}
@media(max-width: 767px)
{
	.footer-col{width:100%;}
	.footer-col + .footer-col{margin-top:30px;}
	#main{padding:20px;}
	.vc_col-sm-3 .vc_custom_heading{text-align:left !important; padding-left:.3em; margin-bottom:20px !important;}
	.header-right{text-align:center; width:100%;}
	.logo{width:100%; text-align:center;}
	.vc_col-sm-3 .vc_column-inner{margin-left:0 !important;}
	.col-3{width:100%; padding-left:0;}
	.col-50{width:100%; margin:0;}
	.form-row{margin-bottom:0;}
	.expert-left-sidebar{width:100%;}
	.expert-right{width:100%; margin-left: 0; padding-right: 0;}
	.expert-left-sidebar h2{text-align:left; padding-left: .3em; margin-bottom:20px;}
	.page-template-news-blog .expert-right ul{margin-left:0 !important;}
	.vc_col-sm-4 .vc_custom_1600073408565{margin-top:-40px !important;}
	.wpb_single_image img{width:100%;}
	.vc_col-sm-4 .vc_column-inner{background-image:none !important;}
	.sports-medi{background:#c79536; width:100%; float:left; height:50px;}
	.sports-medi img{display:none; }
	.home .wpb_single_image{margin-top:0px !important;}
	.home .vc_custom_1600069292904{margin-top:0 !important; position: absolute; left: 0; right: 0;}
	#n2-ss-2item1, div#n2-ss-2 .n2-font-d0f588a7a702f5febf82c990dfe0ba3c-hover {font-size: .8em !important;}
	
	div#n2-ss-2 .n2-font-9c8440fdf67af567be3ea115f054b9da-paragraph{font-size:10px !important;}
	div#n2-ss-2 .n2-font-9c8440fdf67af567be3ea115f054b9da-paragraph{font-size:7px !important;}
	div#n2-ss-2 .n2-ss-control-bullet{bottom:-3px !important;}
	div#n2-ss-2 .n2-font-30c5fb94508dc7f346faeaf1d044a903-link a, div#n2-ss-2 .n2-font-84e292a8fbeb80cea5ed4e3cbad1bda8-link a{font-size:10px !important;}
	div#n2-ss-2 .n2-style-74e2934312f4b157e51f5e7a08cad499-heading{font-size:9px !important;}
	.home .vc_custom_1600073568570{margin-top:25px;}
}
@media(min-width: 768px)
{
	#main{min-height:940px}
	.home #main{min-height:auto;}
}

@media(min-width: 768px) and (max-width: 960px)
{
	.home .vc_custom_heading{font-size:1.2em !important;}
	.h-link-btn.vc_btn3-inline{width:48%; margin-left:1%; margin-right:1% !important;}
	.h-link-btn a{width:100%;}
	.home .vc_custom_1601374274633{margin-top: 0 !important;}
	.home .vc_custom_1600068562419{height: 409px;}
	.home .vc_custom_1600068562419 .vc_custom_1601374274633 img{height: 374px;}
	.home .vc_custom_1600070116972{margin-top: -104px !important;}
	.home .vc_custom_1600070116972 p{font-size:.9em !important;}
	/*.home .vc_custom_1601529181280 p{font-size:.8em !important;}
	.home .vc_custom_1601529253408{font-size:.8em !important;} */
	.home .vc_custom_1600073408565{margin-top: -214px !important;}
}

@media (min-width: 768px) and (max-width: 880px)
{
.home .vc_custom_1601529181280 p{font-size:.8em !important;}
.home .vc_custom_1601529253408{font-size:.8em !important;}
	.home .vc_custom_1600073408565 {margin-top: -201px !important;}
	.home .vc_custom_1600069292904 {margin-top: -54px !important;}
	#n2-ss-2item1, div#n2-ss-2 .n2-font-d0f588a7a702f5febf82c990dfe0ba3c-hover {font-size: .8em !important;}
	
	div#n2-ss-2 .n2-font-9c8440fdf67af567be3ea115f054b9da-paragraph{font-size:10px !important;}
	div#n2-ss-2 .n2-font-9c8440fdf67af567be3ea115f054b9da-paragraph{font-size:7px !important;}
	div#n2-ss-2 .n2-ss-control-bullet{bottom:-3px !important;}
	div#n2-ss-2 .n2-font-30c5fb94508dc7f346faeaf1d044a903-link a, div#n2-ss-2 .n2-font-84e292a8fbeb80cea5ed4e3cbad1bda8-link a{font-size:10px !important;}
	div#n2-ss-2 .n2-style-74e2934312f4b157e51f5e7a08cad499-heading{font-size:9px !important;}
}

@media(min-width: 768px) and (max-width: 810px)
{
	.home .vc_custom_heading {font-size: 1em !important;}
	.home .vc_custom_1600068562419 .vc_custom_1601374274633 img {height: 361px;}
	.home .vc_custom_1600068562419 {height: 392px;}
	.home .vc_custom_1600073408565 {margin-top: -195px !important;}
	
}

@media(min-width: 768px) and (max-width: 790px)
{
	.home .vc_custom_1600070116972{padding-right: 10px !important; padding-left: 10px !important;}
}

#appointments-form input.wpcf7-form-control,
#referring-physicians-form input.wpcf7-form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}

#appointments-form textarea.wpcf7-form-control.wpcf7-textarea,
#referring-physicians-form textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}

#appointments-form select.wpcf7-form-control.wpcf7-select,
#referring-physicians-form select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}
#appointments-form input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext,
#referring-physicians-form input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext {
    padding: 6px 45px !important;
}
#appointments-form input.wpcf7-form-control.wpcf7-submit,
#referring-physicians-form input.wpcf7-form-control.wpcf7-submit {
    width: unset !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    margin: 2em 0 1em !important;
    color: #D8000C;
    background-color: rgba(255, 64, 64, 0.1);
    border: 1px solid;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 400;
    padding: 10px;}
.wpcf7 form.sent .wpcf7-response-output {
    margin: 2em 0 1em !important;
    color: #28a745;
    background-color: #28a74521;
    border: 1px solid;
    padding: 10px;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 400;padding: 10px;}
.wpcf7-validates-as-required.wpcf7-not-valid, 
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.wpcf7-not-valid
{
    background-color: rgba(255, 64, 64, 0.1) !important;
    border: 1px solid !important;
    border-color: rgba(255, 64, 64, 1) !important;
    padding-left:13px !important;
}

span.wpcf7-not-valid-tip {
    color: #e8002f;
    line-height: 16px;
    margin-top: 2px;
    font-size: 12px;
}