/*
Skin Name:Ultra Clinic
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-clinic/
Required Plugins:builder-contact
*/

/************************************************************************************
GENERAL
*************************************************************************************/
body{
	font-family:'Inter', sans-serif;
}
a{
	color:#6f93e5
}
a:hover,
.post-nav .arrow,
.post-nav a:hover > span,
.post-title a:hover{
	color:#6f93e5;
	text-decoration:none
}

/* FORMS
================================================ */
select,textarea,input[type=radio],input[type=checkbox],select,textarea,input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{
	background-color:#fafafa;
	border-color:#f0f0f0;
	padding:.925em 1.2em;
}
input[type=reset],input[type=submit],button[type=submit]{
	padding:1.15em 2em;
	background-color:#6f93e5;
	color:#fff;
	font-size:.95em;
	font-weight:600;
	transform:none;
	letter-spacing:0
}
/* form input:hover */
input[type=reset]:hover,input[type=submit]:hover,button:hover{
	transform:none
}

/* HEADINGS
================================================ */
h1,h2,h3,h4,h5,h6{
	font-weight:900;
	color:#162f62;
}

/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
	box-shadow:0px 2px 8px 2px rgba(0,0,0,0.06)
}

/* SITE LOGO
================================================ */
#site-logo{
	font-size:1.5em;
	font-weight:900;
	letter-spacing:.05em;
	text-transform:uppercase;
}

/* MAIN NAVIGATION
================================================ */
#main-nav a{
	text-transform:uppercase;
	letter-spacing:normal;
	font-weight:600;
	font-size:.95em;
	padding-left:1.2em;
	padding-right:1.2em;
	box-sizing:border-box
}
#main-nav ul a,
#main-nav .mega-menu-posts a,
#main-nav .mega-menu-posts span{
	text-transform:none;
}

#main-nav a:hover,
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
	color:#6f93e5
}

/* highlight menu */
#main-nav .highlight-link > a{
	color:inherit;
	border:2px solid #6f93e5;
	background-color:transparent;
	box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.15);
	padding:.85em 1.85em;
	text-align:center
}
#main-nav .highlight-link > a:hover{
	border-color:#6f93e5;
	background-color:#6f93e5;
	color:#fff;
}

/* mega menu */
#main-nav .mega-menu-posts .post,
#main-nav .mega-menu-posts .post-title{
	text-align:left
}

/* CART ICON
================================================ */
.cart-wrap a span{
	background-color:#6f93e5;
}

/* SEARCH LIGHTBOX
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
	box-shadow:inset 0 -3px 0 0 #6f93e5
}
.search-results-wrap .view-all-button{
	color:#6f93e5
}
.view-all-button:after{
	border-color:#6f93e5
}

/* TRANSPARENT HEADER
================================================ */
.header-stripe #headerwrap,
.header-magazine #headerwrap,
.boxed-content #headerwrap,
.transparent-header #headerwrap{
	box-shadow:none
}
.transparent-header #main-nav > li > a:hover{
	color:#fff
}
.transparent-header a,
.transparent-header #main-nav a{
	transition:none
}
.transparent-header .header-icons a{
	color:inherit
}
.transparent-header #main-nav .highlight-link > a{
	border-color:inherit
}

/* FIXED HEADER
================================================ */
.transparent-header #headerwrap.fixed-header,
#headerwrap.fixed-header{
	box-shadow:0 1px 15px rgba(0,0,0,.12);
	background-color:rgba(255,255,255,.9);
	color:#000
}
.transparent-header .fixed-header #main-nav > li > a:hover{
	color:#6f93e5
}

/* HEADER STRIPE
================================================ */
.header-stripe #site-logo{
	background-color:#6f93e5
}
.header-stripe #headerwrap.fixed-header{
	background-color:transparent;
	box-shadow:none
}

/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
	background-color:rgba(255,255,255,.9);
	color:#000
}
.header-overlay.transparent-header .fixed-header .header-icons a,
.header-overlay.mobile-menu-visible .header-icons a,
.header-overlay.mobile-menu-visible #header,
.header-overlay.mobile-menu-visible #header a,
.header-overlay.mobile-menu-visible #mobile-menu.sidemenu{
	color:#000
}
.header-overlay.transparent-header .fixed-header .header-icons a:hover,
.header-overlay.mobile-menu-visible .header-icons a:hover,
.header-overlay.mobile-menu-visible #header a:hover{
	color:#6f93e5
}

/* HEADER LEFT/RIGHTPANE
================================================ */
.header-minbar #main-nav a,
.header-leftpane #main-nav a,
.header-rightpane #main-nav a{
	padding:.6em
}
.header-minbar #main-nav .highlight-link > a,
.header-leftpane #main-nav .highlight-link > a,
.header-rightpane #main-nav .highlight-link > a{
	border-bottom:2px solid #6f93e5
}

/************************************************************************************
POST
*************************************************************************************/
.loops-wrapper.list-post .post-date,
.single .post-content .post-date{
	background:rgba(111,147,229,.8)
}

/************************************************************************************
PORTFOLIO
*************************************************************************************/
.project-date,.project-client,.project-services,.project-view{
	color:#6f93e5
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav .current{
	background-color:#6f93e5
}

/************************************************************************************
WIDGETS
*************************************************************************************/
.widgettitle{
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:.01em;
	text-transform:none;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
	padding-top:4.5em;
	background-color:#ebf2ff;
	border:none;
	color:#6e7990
}
#footerwrap a{
	color:#6e7990
}
#footerwrap a:hover{
	color:#6f93e5
}

/* FOOTER LOGO
================================================ */
#footer-logo{
	font-size:1.7em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin:0 0 1.1em
}
#footer-logo a{
	color:#162f62;
}

/* FOOTER WIDGETS
================================================ */
.footer-widgets .widgettitle{
	color:#162f62;
	margin:0 0 1.8em
}

/* FOOTER TEXT
================================================ */
.footer-text{
	font-size:.95em
}
.section-col + .footer-text{
	border-top:1px solid #dee5f3;
	padding:2.2em 0 1.45em;
	text-align:center;
	letter-spacing:normal
}
.section-col + .footer-text .one,
.section-col + .footer-text .two{
	display:inline-block;
	vertical-align:middle
}
.section-col + .footer-text .one{
	margin-right:.4em
}

/* FOOTER BACK TO TOP
================================================ */
#footerwrap .footer-tab,
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
	background:rgba(111,147,229,.8)
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
	background-color:#6f93e5
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
	background:0
}
#footerwrap .back-top .arrow-up a,
#footerwrap .footer-tab,
#footerwrap .footer-tab:hover{
	color:#fff
}

/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
/* Button */
.woocommerce ul.products li.product .button,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],/* for disabled state */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
	background-color:#6f93e5;
	color:#fff;
	font-size:.7em;
	padding:1.15em 1.85em;
}

/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
    background-color:#6f93e5
}

/* SINGLE PRODUCTS
================================================ */
/* breadcrumb */
.woocommerce .woocommerce-breadcrumb{
	color:#6f93e5;
	font-weight:700
}
.woocommerce .woocommerce-breadcrumb a{
	color:#000
}
/* Title */
.woocommerce div.product .product_title{
	font-size:2.5em;
	letter-spacing:.01em;
	margin:0 0 .5em
}
/* price */
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	font-weight:normal;
	margin:0 0 .5em;
}
/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	border-color:#6f93e5;
	color:#000
}
/* related products */
.woocommerce .related h2,
.woocommerce .upsells h2{
	letter-spacing:normal;
	text-transform:none
}

/* CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:51px;
	border-radius:8px;
	border-color:#f0f0f0;
	background-color:#fafafa
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:51px
}
.select2-results__option{
	margin:0
}
.woocommerce form .form-row .textarea:focus,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus{
	border-color:#959595
}

/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* TESTIMONIAL MODULE
================================================ */
.module.module-testimonial-slider .post{
	text-align:left
}
.module-testimonial-slider .testimonial-entry-content{
	margin-bottom:20px
}
.testimonial-author .person-name{
	color:#162f62;
	font-weight:bold;
	letter-spacing:-.05em;
	line-height:normal
}
.testimonial-author .person-position{
	text-transform:uppercase;
	letter-spacing:-.01em
}
.module-testimonial-slider .tf_carousel_nav_wrap{
	justify-content:unset;
	margin-top:40px
}

/* image bottom */
.module-testimonial-slider.image-bottom .testimonial-content{
	flex-direction:unset;
	flex-wrap:wrap
}
.module-testimonial-slider.image-bottom .testimonial-author{
	order:1;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:30px;
	padding-top:16px
}
.module-testimonial-slider.image-bottom .testimonial-image{
	margin-top:1.4em
}

/* slider controls */
.themify_builder_slider_wrap .carousel-prev,
.themify_builder_slider_wrap .carousel-next{
	padding:17px 25px;
	position:relative;
}
.themify_builder_slider_wrap .carousel-prev:before,
.themify_builder_slider_wrap .carousel-next:before,
.themify_builder_slider_wrap .carousel-prev:after,
.themify_builder_slider_wrap .carousel-next:after{
	border-radius:0px;
	margin-left:0;
	margin-right:0
}
.themify_builder_slider_wrap .carousel-prev:after,
.themify_builder_slider_wrap .carousel-next:after{
	content:"";
	display:inline-block;
	border-top:2px solid;
	position:absolute;
	margin-top:1px;
	width:19px;
	top:50%;
}
.themify_builder_slider_wrap .carousel-prev:after{
	left:calc(50% - 8px);
}
.themify_builder_slider_wrap .carousel-next:after{
	right:calc(50% - 8px);
}
.themify_builder_slider_wrap .carousel-prev:before,
.themify_builder_slider_wrap .carousel-next:before{
	border-width:2px;
	width:4px;
	height:4px;
}
.themify_builder_slider_wrap .carousel-prev:before{
	margin-left:-8px;
}
.themify_builder_slider_wrap .carousel-next:before{
	margin-right:-8px
}

.tf_carousel_nav_wrap .carousel-prev,
.tf_carousel_nav_wrap .carousel-next{
	background-color:#e3e1e1;
	color:#767575
}
.tf_carousel_nav_wrap .carousel-prev:hover,
.tf_carousel_nav_wrap .carousel-next:hover{
	background-color:#6f93e5;
	color:#fff
}
/* BUTTON MODULE
================================================ */
.ui.builder_button{
	padding:1.1em 2.1em;
	text-transform:uppercase;
	letter-spacing:-.01em
}