/*
 Theme Name:   Cake child (Dentle)
 Theme URI:    http://dentle.eu
 Description:  Dentle
 Author:       Scandinavian Good Business AB
 Author URI:   http://sgabab.se
 Template:     cake
 License:      Proprietary
 Text Domain:  dentle
 Version: 5.1
*/

/*
	Change this when necessary. It is just the _default_ styles.
	This was previously generated by Cake inside style.php and style-colors.php
	Placing the compiled version inside this file removes the need to constantly generate the same static css.
 */

/******************* Background ********************/

html {
    background-color: #FAFAFA;
}

/********************** Fonts **********************/
* {
    box-sizing: border-box;
}
body,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea,
select {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: normal;
}

#menu>ul>li>a,
#header_action_button,
#header_cart {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: normal;
}
body #Action_bar {
    padding-top: 0;
    padding-bottom: 0;
}
#Action_bar .contact_info p {
    padding-top: 6px;
    padding-bottom: 6px;
}
h1 {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h2 {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h3 {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h4 {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h5 {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: 300;
}

h6 {
    font-family: Roboto, Arial, Tahoma, sans-serif;
    font-weight: 300;
}


/********************** Font sizes **********************/

/* Body */

body {
    font-size: 16px;
    line-height: 24px;
}

#menu>ul>li>a,
#header_action_button,
#header_cart {
    font-size: 18px;
}

/* Headings */

h1 {
    font-size: 36px;
    line-height: 36px;
}

h2 {
    font-size: 48px;
    line-height: 48px;
}

h3 {
    font-size: 36px;
    line-height: 38px;
}

h4 {
    font-size: 18px;
    line-height: 25px;
}

h5 {
    font-size: 23px;
    line-height: 28px;
}

h6 {
    font-size: 18px;
    line-height: 25px;
}
.dentle_team_form_upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dentle_team_form_upper .dentle_form_left_cont {
    margin-right: 50px;
}
.dentle_team_form {
    margin-top: 50px;
}
.dentle_team_form label {
    display: none;
}
.dentle_team_form p {
    margin-left: -15px;
    margin-right: -15px;
}
.wpcf7 span.wpcf7-form-control-wrap {
    width: 50%;
    padding: 0 15px;
    margin: 0;
    float: left;
}
.dentle_team_form p br {
    display: none;
}
.wpcf7 span.wpcf7-form-control-wrap .wpcf7-form-control {
    border: none;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    color: #212121;
    font-weight: normal;
}
.wpcf7 span.wpcf7-form-control-wrap .wpcf7-form-control:focus {
    background: #fff !important;
}
body .wpcf7 span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    width: auto !important;
    color: #ff1818 !important;
    background: transparent !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 15px !important;
    font-weight: 500;
    text-indent: 1px !important;
    height: auto !important;
    margin-top: 8px;
}

.dentle_team_form form.sent .wpcf7-response-output {
    display: flex !important;
    align-items: center;
    width: 100%;
    justify-content: center;
    background: #fff;
    border: none !important;
    height: 58px;
    margin: 75px 0 0 0 !important;
    font-weight: 600;
    color: #2ed023;
}
body .dentle_team_form .dentle_my_subscription_button {
    margin-left: 15px;
    margin-top: 30px;
    background-color: #fff !important;
    color: #82d0f5 !important;
    font-weight: 500;
    font-size: 14px !important;
    letter-spacing: normal;
    padding: 15px 75px !important;
}
html body .dentle_team_form .dentle_my_subscription_button:hover {
    background-color: #00b5ff !important;
    color: white !important;
}
/********************** Backgrounds **********************/

.template-slider #Header {
    background-color: #00b5ff;
}

#Header {
    background-color: #eeeeee;
}

#Footer {
    background-color: #19191B;
}

#Footer .footer_copy {
    background: #0d0d0d;
}

#back_to_top {
    background: rgba(13, 13, 13, 0.5);
}

/************************ Colors ************************/

/* Content font */
body,
.icon_box a .desc,
.article_box a .desc_wrapper,
.testimonials li .author a,
.highlight.highlight_image {
    color: #697078;
}

/* Links color */
a {
    color: #00b5ff;
}

a:hover {
    color: #00b5ff;
}

/* Selections */
*::-moz-selection {
    background-color: #00b5ff;
}

*::selection {
    background-color: #00b5ff;
}

/* Headings font */
h1,
h1 a,
h1 a:hover {
    color: #545454;
}

h2,
h2 a,
h2 a:hover {
    color: #545454;
}

h3,
h3 a,
h3 a:hover {
    color: #446b0b;
}

h4,
h4 a,
h4 a:hover {
    color: #545454;
}

h5,
h5 a,
h5 a:hover {
    color: #545454;
}

h6,
h6 a,
h6 a:hover {
    color: #545454;
}

/* Grey notes */
.blockquote .author a,
.post-meta,
.post-meta a,
.button-love a .label,
.button-comments a .label,
.post-meta-modern .date .month,
.post-related .desc .date,
.Recent_posts li .desc p,
.Recent_comments li .date,
.wp-caption .wp-caption-text,
.tp_recent_tweets .twitter_time {
    color: #697078;
}

/* Strong */
.team .desc .inside p.subtitle,
.chart_box .chart .num,
.timeline_items li h5 span {
    color: #00b5ff;
}

/* Text hightlight & dropcap */
.highlight:not(.highlight_image),
.dropcap {
    background: #00b5ff;
    color: #00b5ff;
}

/* Highlight section */
.highlight-left:after,
.highlight-right:after {
    background: #00b5ff;
}

@media only screen and (max-width: 767px) {

    .highlight-left .column:first-child,
    .highlight-right .column:last-child {
        background: #00b5ff;
    }
}

/* Button default */
a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    border-color: #697078;
    color: #697078;
}

a:hover.button,
a:hover.tp-button,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #697078;
}

/* Button filled */
a.button.button_filled,
a.tp-button.button_filled,
button.button_filled,
input[type="submit"].button_filled,
input[type="reset"].button_filled,
input[type="button"].button_filled {
    background-color: #00b5ff !important;
    color: #fff !important;
}

a:hover.button.button_filled,
a:hover.tp-button.button_filled,
button:hover.button_filled,
input[type="submit"]:hover.button_filled,
input[type="reset"]:hover.button_filled,
input[type="button"]:hover.button_filled {
    background-color: #00b5ff !important;
    color: #fff !important;
}

/* Menu */
#Header .menu>li.current-menu-item>a,
#Header .menu>li.current_page_item>a,
#Header .menu>li.current-menu-ancestor>a,
#Header .menu>li.current_page_ancestor>a,
#Header .menu>li>a:hover,
#Header .menu>li.hover>a {
    color: #00b5ff;
}

#Header .menu>li ul li a:hover {
    color: #00b5ff;
}

#Header .menu>li>a:after,
#Header .menu li ul li:hover>a span:after {
    background: #00b5ff;
}

/* Subheader */
#Subheader .title {
    color: #00b5ff;
}

#Subheader ul.breadcrumbs li a,
#Subheader ul.breadcrumbs li span {
    color: #A9A9A9;
}

/* Subheader love / comments */
.filters_buttons a.button {
    border-color: #545454;
    color: #545454;
}

.filters_buttons a:hover.button {
    background-color: #545454;
}

.post-buttons-wrapper .button-love a i,
.post-buttons-wrapper .button-love a span,
.post-buttons-wrapper .button-comments a i,
.post-buttons-wrapper .button-comments a span {
    color: #545454;
}

/* Filters */
.filters_wrapper ul li a:hover {
    background: #00b5ff;
}

/* Blog */
.button-love a i,
.button-comments a i {
    color: #00b5ff;
}

/* Format quote */
.format-quote .post-desc,
.post-related.format-quote .bq_wrapper {
    background: #00b5ff;
    border-color: #00b5ff;
}

/* Audio */
.mejs-container .mejs-controls {
    background: #00b5ff !important;
}

/* pager */
.pager a.prev_page,
.pager a.next_page {
    background: #00b5ff;
}

.pager a:hover.prev_page,
.pager a:hover.next_page {
    background: #00b5ff;
}

/* Accordion / FAQ / Tabs */
.accordion .question>h5 span.icon,
.faq .question>h5 span.icon {
    color: #00b5ff;
}

.accordion .question>h5 span.icon:after,
.faq .question>h5 span.icon:after {
    border-color: #00b5ff;
}

.accordion .active.question>h5 span.icon,
.faq .active.question>h5 span.icon {
    background: #00b5ff;
}

.ui-tabs .ui-tabs-nav li a {
    color: #ffffff;
    background: #434343;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a,
.tabs_big_icon.ui-tabs .ui-tabs-nav li a {
    color: #545454;
}

.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-state-active a,
.tabs_big_icon.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #fafafa;
}

.tabs_big_icon.ui-tabs .ui-tabs-nav li a i {
    color: #00b5ff;
}

/* Photo mask */
.photo_mask .mask {
    box-shadow: inset 0 0 0 170px #76b51b;
}

a.button_image,
span.button_image {
    color: #6ea81a;
}

/* Counter */
.counter .number {
    color: #76B51B;
}

/* Icon box */
.icon_box .icon_wrapper i {
    color: #76B51B;
}

.icon_box .icon_wrapper:before {
    box-shadow: inset 0 0 0 2px #76B51B;
}

.icon_box:hover .icon_wrapper:before {
    box-shadow: inset 0 0 0 70px #76B51B;
}

/* Fancy heading */
.fancy_heading_color {
    background: #E3E3E3;
}

/* Portfolio + slider portfolio */
.portfolio_slider_ul li .hover-box a.hover-button,
.portfolio-item .photo .hover-box a.hover-button,
.single-portfolio .section-portfolio-header .photo .hover-box a.hover-button {
    background: #00b5ff;
    color: #ffffff;
}

.portfolio_slider_ul li .hover-box a:hover.hover-button,
.portfolio-item .photo .hover-box a:hover.hover-button,
.single-portfolio .section-portfolio-header .photo .hover-box a:hover.hover-button {
    background: #00b5ff;
}

/* Blockquote */
.blockquote.blockquote_modern .blockquote_wrapper {
    background: #6ea81a;
    border-color: #6ea81a;
}

/* Contact box */
.contact_box_modern .contact_box_wrapper {
    background: #6ea81a;
    border-color: #6ea81a;
}

/* Progress bars */
.progress_bars .bars_list li .bar .label,
.progress_box .bar_wrapper .label_wrapper .label {
    background: #434343;
}

.progress_bars .bars_list li .bar .progress,
.progress_box .bar_wrapper .bar .progress {
    background: #76B51B;
}

/* Pricing boxes */
.pricing-box .plan-header .price sup.currency,
.pricing-box .plan-header .price>span {
    color: #6ea81a;
}

.pricing-box .ribbon {
    background: #f66847;
}

/* Owl-pagination - testimonials*/
.owl-pagination .owl-page.active span {
    background: #76B51B !important;
}


/* Contact form styling s*/

form.wpcf7-form p {
    margin-bottom: 15PX;
    text-align: left;
    display: flex;
    flex-direction: column;
}

form.wpcf7-form p label {
    text-align: left;
    display: block;
    line-height: normal;
    margin-bottom: 6px;
    font-weight: 500;
    color: #212121;
    font-size: 16px;
}

form.wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
    padding: 0;
}

form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control {
    border: 2px solid #82D0F5;
    color: #212121;
    font-size: 16px;
    height: 55px;
    padding: 0 15px;
}

form.wpcf7-form p br {
    display: none;
}

form.wpcf7-form p .wpcf7-not-valid-tip {
    text-align: left;
    display: block;
    line-height: normal;
    margin-bottom: 6px;
    font-weight: 500 !important;
}




body .current_page_item>a,
body .current-menu-ancestor>a,
body .current-menu-parent>a,
body .current_page_parent>a {
    color: #00b5ff !important;
}

body .wpml-ls-statics-footer {
    background-color: #00b5ff;
    padding: 15px 0;
    font-size: 14px;
}

.wpml-ls-statics-footer .wpml-ls-current-language>a {
    color: #ffffff;
    background-color: transparent;
}

body .wpml-ls-statics-footer a {
    color: #ffffff;
    background-color: transparent;
    text-transform: uppercase;
}

#Footer .footer_copy .one {
    margin-bottom: 10px;
    position: relative;
}


/********* Shop **********/

.woocommerce span.onsale {
    background: #76B51B !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price {
    color: #76B51B !important;
}

body.woocommerce div.product div.summary h1.product_title {
    margin-bottom: 0px;
}



/******* Widgets ********/

.widget>h3,
.widget>h4 {
    color: #545454;
}

/* Menus */
.widget_categories ul li a,
.widget_archive ul li a,
.widget_mfn_menu ul li a,
.widget_mfn_menu ul li.current_page_item a {
    color: #545454;
}

/********************** Footer **********************/

#Footer {
    color: #ababab;
}

#Footer h1,
#Footer h1 a,
#Footer h1 a:hover,
#Footer h2,
#Footer h2 a,
#Footer h2 a:hover,
#Footer h3,
#Footer h3 a,
#Footer h3 a:hover,
#Footer h4,
#Footer h4 a,
#Footer h4 a:hover,
#Footer h5,
#Footer h5 a,
#Footer h5 a:hover,
#Footer h6,
#Footer h6 a,
#Footer h6 a:hover {
    color: #ffffff;
}

#Footer a {
    color: #ffffff;
}

#Footer a:hover {
    color: #d1d1d1;
}

/* grey */
#Footer .Recent_posts li .desc p,
#Footer .tp_recent_tweets .twitter_time {
    color: #8c8c8c;
}

#Footer .footer_copy,
#Footer .footer_copy a {
    color: #808080;
}

#Footer .social li a {
    color: #808080;
}

#Footer .social li a:hover {
    color: #ffffff;
}


#Footer {
    margin-top: 0px !important;
}

#Footer .footer-main-text * {
    color: white !important;
    font-size: 20px !important;
}
/* Slider for Testimonials Fixes */
.yrm-button-text-2 {
	color: #00B5FF;
	font-family: "Roboto", sans-serif;
}
.ljubic-font-style {
	font-family: "Roboto", sans-serif;
    color: #212121;
    font-weight: normal;
	    font-size: 16px;
	padding-left: 1rem;
	padding-right: 1rem;
}
.ljubic-margin-bottom div div div {
	margin-bottom: 0px;
}
.ljubic-margin-bottom .column.one.column_code pre {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.owl-stage-outer {
	margin-top: -120px;
}
.column_code pre {
	border: 0px;
    background: white;
	padding-top:0px;
	margin-top:0px;
}
#sample_slider {
	background: white;
}
#sample_slider {
    display: flex !important;
    margin-top: 120px;
}

/* Checkout Fixes */
#woocommerce-checkout-delivery img {display:none;}
html[lang="en-US"] #woocommerce-checkout-delivery img {display:inline-block;}

body .xoo-wsc-qtb-circle input[type="number"].xoo-wsc-qty {
    padding: 0 3px !important;
    min-width: 45px !important;
}
@media only screen and (max-width: 768px) {
	body.woocommerce-checkout:not(.media-query-tablet):not(.media-query-mobile) div#Content div#customer_details.col2-set div.col-1, 
	body.woocommerce-checkout:not(.media-query-tablet):not(.media-query-mobile) div#Content div#customer_details.col2-set div.col-2	{
		width: 100% !important;
	}
}
@media only screen and (max-width: 767px) {
	.dentle_team_form_upper {
		flex-direction: column-reverse;
		align-items: inherit;
	}
	.dentle_team_form form.sent .wpcf7-response-output {
		margin: 30px 0 0 0 !important;
	}
	.dentle_team_form_upper .dentle_form_left_cont {
		margin-right: 0;
		margin-top: 20px;
	}
	body #Top_bar .logo {
		margin-left: 15px !important;
	}
	.wpcf7 span.wpcf7-form-control-wrap {
		width: 100%;
		padding: 0 15px;
		margin: 0 0 25px 0;
	}
	body .dentle_team_form .dentle_my_subscription_button {
		margin-top: 0;
	}
}
@media only screen and (max-width: 575px) {
	body.woocommerce:not(.media-query-mobile):not(.media-query-tablet) .woocommerce-content .products .product {
		width: 100% !important;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 100% !important;
	}
	body.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100% !important;
	}
	body .section_wrapper {
		width: 100% !important;
		padding-left: 20px;
		padding-right: 20px;
	}
	body:not(.media-query-mobile) div#Wrapper div#Content div.woocommerce-billing-fields p#billing_postcode_field, body:not(.media-query-mobile) div#Wrapper div#Content div.woocommerce-billing-fields p#billing_city_field {
		width: 45% !important;
	}
}
div#lang_sel_footer li a {
    background-color: transparent !important;
    color: #fff !important;
}

div#lang_sel_footer .wpml-ls-current-language>a {
    color: #444 !important;
	background-color: #fff !important;
}
html body div#Wrapper header#Header div#Top_bar nav#menu ul.menu li.menu-item a:hover {
    color: #00b5ff !important;
	color: #000 !important;
}
html body:not(.media-query-tablet):not(.media-query-mobile) #Top_bar.is-sticky #menu ul.menu>li a {
    color: #212121 !important;
}
html body:not(.media-query-tablet):not(.media-query-mobile).template-slider #Top_bar:not(.is-sticky) #menu ul:not(.sub-menu)>li.current_page_item>a, html body:not(.media-query-tablet):not(.media-query-mobile) #Top_bar.is-sticky #menu ul.menu>li.current_page_item a {
    color: #00b5ff !important;
}