/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media screen and (min-width: 0px) and (max-width: 950px) {
.header-bottom .show-for-medium {
display:block!important;
}}

@media screen and (min-width: 0px) and (max-width: 950px) {
.header-bottom .hide-for-medium {
display:none!important;
}}

@media screen and (min-width: 0px) and (max-width: 950px) {
.medium-logo-center .flex-left {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}}


@media screen and (min-width: 850px) and (max-width: 950px) {
.medium-logo-center .logo {
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    margin: 0 0px!important;
}}

@media screen and (min-width: 0px) and (max-width: 849px) {
.medium-logo-center .logo {
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin: 0 15px;
}}



@media screen and (min-width: 0px) and (max-width: 950px) {
.header-main .logo-center .logo {
margin: 0 5px;
}}


@media screen and (min-width: 0px) and (max-width: 950px) {
.medium-logo-center .flex-right {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -ms-flex-order: 3;
    order: 3;
}}



body {
	margin: 0;
	padding: 0;
overflow: hidden;
}



/* Algemeen */
p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}

.col-inner ul li {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0px;}

.col-inner ol li {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0px;}

.is-divider.small {
    display: none;
}


/* Social Iconen */

.button.icon.circle {
    color: #ffffff;
    border: 1px solid transparent;
    border-radius: 3px !important;
    background-color: #213D8A !important;
    border-bottom: 3px solid #0c1c5b;
}


/* Actionbar */
.header-top {
    border-bottom: 1px solid #fff;
}

.header-top {
    min-height: 46px;
}

.header-top li a {
    font-family: "montserrat"!important;
    font-size: 12px!important;
}

/* Actionbar USP */

.nav li.USP-Icoon-Header:before {
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-icoon.png);
    content: "";
    margin-right: 8px;
    background-size: contain;
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;

}

.nav li.USP-Icoon-Header {
    display: inline-flex;
    font-size: 11px;
    font-family: "montserrat";
    margin-left: 15px;
    margin-bottom: 3px;
    line-height: 18px;
}


.USP-Icoon {
    display: inline-block;
    vertical-align: text-top;
}


/* Actionbar Social */
.social-icons i {
    min-width: 1em;
    font-size: 18px;
}


.header-top i.fas.fa-phone-alt {
    margin-top: 8px;
    margin-right: 7px;
    font-size: 14px;
}


/* WPML */
.wpml-ls-legacy-dropdown .wpml-ls-current-language>a {
    color: #000;
    background: #f6f6f6!important;
    border-radius: 3px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding: 5px 0px 5px 5px!important;
    border-radius: 7px;
}

.wpml-ls-legacy-dropdown {
    width: 50px!important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {border-top: 0px solid #cdcdcd;}


/* Zoekbalk */
.header-main input[type='search'] {
    box-shadow: 1px 2px 14px 1px rgba(0, 0, 0, 0.5););
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: "montserrat";
    height: 40px;
    border: 0px;
    background-color: rgba(255, 255, 255, .65);
    width: 390px;
}

.header-main .button.secondary:not(.is-outline) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.5);
    height: 40px;
    width: 50px;

}

.header-main input[type='search']::placeholder {
  font-style: italic;
}




/* Header */

.header-wrapper {
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Slider-o1.jpg");
}


.header-wrapper.stuck {
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Slider-o1.jpg");
}


.transparent .header-main {height: 130px!important;}

/* Winkelwagen Button */
.header-bottom .header-button .button.icon i {display: none;}
.header-bottom .header-button .button.primary:after {
    background-image: none;
    content: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-Winkelmand-o1.svg);
    top: 8px;
    position: absolute;
    left: 16px;
}


.header-bottom .header-button .button.primary {
    background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 17px 3px 45px!important;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}


.header-bottom .header-button .button.primary:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}


/* Button */
.button.primary {    
background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 40px 3px 30px;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}

.button.primary:after {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Button-right-chevron-White-o1.svg);
    position: absolute;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 12px;
    right: 20px;
    font-size: 19px;
    font-family: montserrat;
    font-weight: bold;
}


.button.primary:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}


/* Header Bottom */
.header-bottom {
    background-color: rgba(0, 0, 0, .2) !important;
}


/* Kruimelpad */
.breadcrumbs {
    color: #222;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0;
    font-size: 12px;
}


#breadcrumbs span a {
    font-size: 12px!important;
}

.breadcrumbs_sep {font-size: 12px!important;}
.breadcrumb_last {
    font-size: 12px!important;
    color: #213D8A;}



/* Contact Adresgegevens */

.section.Sidebar-Adresgegevens h5 {
    color: #000;
    margin: 0px;
}

.section.Sidebar-Adresgegevens {
    border: 2px solid #e2e3e8;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;}

.section.Sidebar-Adresgegevens p a {color: #333333;}

.section.Sidebar-Adresgegevens p a:hover {color: #FF5630;}


/* Contactformulier */
.section.Content input[type='text'], .section.Content input[type='email'], .section.Content input[type='tel'] {
    background-color: #fff!important;
    border-radius: 0px!important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    height: 60px!important;
    font-family: "montserrat";

}

.section.Content textarea {
    background-color: #fff!important;
    border-radius: 0px!important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    min-height: 330px;    
    height: 330px!important;
    font-family: "montserrat";
}

.Contactform .col {
    padding: 0 7px 0px;
}

/* Sidebar Menu */


.section.Content .sidebar-wrapper ul.menu {
    font-weight: 400;
    margin: 0 0 50px 0;
    color: #000000!important;
}

.section.Content .sidebar-wrapper ul.menu li {
    font-size: 14px;
    position: relative;
}

.section.Content .sidebar-wrapper ul.menu>li+li {
    border-top: 1px solid #213c8a;
}



.section.Content .sidebar-wrapper ul.menu li a:hover:after,
.section.Content .sidebar-wrapper ul.menu li.current-menu-item a:after {
    content: '';
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Button-right-chevron-Blue-o2.svg);
    background-size: contain;
    background-position: 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    font-size: 18px;
    top: 50%;
    right: 0px;
    transform: translate(0%,-50%);
}

.section.Content .sidebar-wrapper ul.menu {margin-bottom: 80px;}
.section.Content .sidebar-wrapper ul.menu a {
    color: #333333
}

.section.Content .sidebar-wrapper ul.menu a:hover {
    color: #213D8A;
}




/* Sidebar */

.col.Sidebar h2 {
    color: #000!important;
   margin-bottom: 40px;
}


.Sidebar .custom-html-widget a {
    color: #000;
}

.Sidebar .custom-html-widget h5 {
    color: #000;
    margin: 0px;
}


/* Sidebar Hulp nodig */

.section.Sidebar .top, .section.Sidebar .hulp-nodig {
    padding-left: 30px;
    padding-right: 30px;
}

.section.Sidebar .usp {
    padding: 18px 15px 10px;
}



.section.Sidebar {
    border: 2px solid #e2e3e8;
    color: #000;
    font-size: 13px;
    font-family: "montserrat";
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}

.section.Sidebar:after {
    content: url("https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Element-Kristal-o1.png");
    position: absolute;
    right: -40px;
    top: -40px;
}

section.Sidebar .hulp-nodig h2 {
    color: #ffffff;
    font-size: 15px;
}

section.Sidebar .top h2 {
    color: #000;
    font-size: 15px;
    position: relative;
    left: -11px;
    margin-bottom: 10px;
}

section.Sidebar .top h3 {
    color: #223e8a;
    font-size: 15px;
    line-height: 18px;
    position: relative;
    left: -11px;
    margin-bottom: 0px;
}

section.Sidebar .hulp-nodig h2 {
    text-transform: uppercase;
    margin-left: 35px;
    margin-bottom: 2px;
    color: #fff!important;
}

section.Sidebar .hulp-nodig h3 {
    margin-left: 35px;
}

section.Sidebar .hulp-nodig h3 a {
    color: #ffffff;
    font-size: 15px;
}

section.Sidebar .usp h3 {
    color: #223e8a;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase
}

section.Sidebar .hulp-nodig {
    color: #ffffff;
    margin-bottom: 10px;
    background-color: #223e8a;
}


.section.Sidebar .top,.usp,.hulp-nodig {
    padding-left: 30px;
    padding-right: 30px;
}

.section.Sidebar .hulp-nodig h2:before {
    content: "";
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/call-answer.svg");
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -8px;
    top: 20px;

}

.section.Sidebar .hulp-tekst {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    display: block;
    position: relative;
}

.section.Sidebar .top {
    padding-top: 20px;

}

.section.Sidebar ul {
    list-style: none;
    margin: 0px!important;}


.section.Sidebar li {
    margin-left: 42px;
    margin-bottom: 15px;}



/* Sidebar Button */
.section.Sidebar .button.primary  {
    width: 100%;
    font-size: 14px;
    margin-right: 0px;
}




/* USP's */
li.USP-1:before {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-USP-o1.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-position: center;
    position: absolute;
    left: 0px;
}


li.USP-2:before {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-USP-o2.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-position: center;
    position: absolute;
    left: 0px;
}

li.USP-3:before {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-USP-o3.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-position: center;
    position: absolute;
    left: 0px;
}

li.USP-4:before {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/03/COR-Icoon-USP-o4.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-position: center;
    position: absolute;
    left: 0px;
}

li.USP-5:before {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/03/COR-Icoon-USP-o5.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-position: center;
    position: absolute;
    left: 0px;
}




/* Sidebar USP */
.section.Sidebar-USP h3 {
    color: #223e8a;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}


.section.Sidebar-USP {
    padding: 0px;
}

.section.Sidebar-USP li {
    margin-left: 42px;
    margin-bottom: 15px;
}

.section.Sidebar-USP ul {
    list-style: none;
    margin: 0px!important;}

.section.Sidebar-USP {
    border: 2px solid #e2e3e8;
    border-top: 0px solid #e2e3e8;
    color: #000;
    font-size: 13px;
    font-family: "montserrat";
    padding: 20px 15px;
    margin-top: 0px;
}


/* Sidebar Brochure */
.section.Sidebar-Brochure {
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Blok-Brochure-Bg-o1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    height: 213px;
    margin-top: 45px;
    padding: 15px;
    border: 2px solid #e2e3e8;}

.section.Sidebar-Brochure .button.primary {
    width: 100%;
    background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}


.section.Sidebar-Brochure .button.primary:before {content: none;}

.section.Sidebar-Brochure .button.primary:after {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Button-right-chevron-White-o1.svg);
    position: absolute;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 12px;
    right: 20px;
    font-size: 19px;
    font-family: montserrat;
    font-weight: bold;
}



.section.Sidebar-Brochure .button.primary:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}


.section.Sidebar-Brochure .col:after {
    content: '';
    position: absolute;
    bottom: -69px;
    right: -37px;
    z-index: -30;
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Blok-Brochure-o1.png) no-repeat;
    background-size: 89%;
    width: 212px;
    height: 271px;
}



/* Contentpagina */
.section.Content h2 {
    font-size: 30px;
    color: #213D8A;
    text-align: left;
}

.section.Content h4 {
    font-size: 18px;
    font-family: "montserrat";
    color: #FF5630;
    margin-bottom: 20px;
}

.section.content h3 {
    color: #FF5630;
    font-size: 1.4em;
}


/* Lees meer button */
.accordion.Categorie .accordion-title {
    font-size: 12px!important;
    background-color: #ffffff!important;
    color: #fff!important;
    border-top: 0px solid #ddd;
}

.accordion.Categorie {
    border-top: 2px solid #000;
    margin-top: 15px;
}



.accordion.Categorie .accordion-title span {
    color: #fff;
    right: 120px;
    position: absolute;
    top: -17px;
    font-weight: 600;
    border-radius: 4px;
    border: 2px solid #213D8A;
    background-color: #213D8A;
    font-family: "montserrat";
    padding: 4px 20px 4px 20px;
    border-bottom: 2px solid #0c1c5b;
}
.accordion.Categorie .accordion-inner {
    padding: 0;
    padding-top: 40px;
}




/* Shop */

/* Shop Kruimelpad */

nav.woocommerce-breadcrumb.breadcrumbs {
    display: none;
}

/* Sorteer op */

.flex-col.flex-right.filter {
    border-top: 2px solid #e2e3e8;  
    border-bottom: 2px solid #e2e3e8;
    margin-bottom: 40px;
    width: 100%;
    display: inline-flex;
    margin-left: auto;
    margin-right: 0;
}


.category-page-row select.orderby {
    box-shadow: none;
    font-family: "montserrat";
    font-size: 12px;
}

p.woocommerce-result-count.hide-for-medium {
    display: block!important;
    margin-top: auto;
    margin-bottom: auto;
    color: #6e6e6e;
    line-height: 24px;
    Font-size: 12px;
    font-family: "montserrat" !important;   
}



/* Sidebar shop */

span.widget-title.shop-sidebar {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #203C8A !important;
    font-family: "montserrat" !important;
}



.widget.woocommerce.widget_product_categories {
    border: 2px solid #e2e3e8;
    margin-bottom: 0px;
    padding: 15px;
    border-bottom: 0px;
}


.woocommerce.widget_price_filter {
    border: 2px solid #e2e3e8;
    margin-bottom: 0px;
    padding: 15px;
    border-bottom: 0px;
}



.yith-woocommerce-ajax-product-filter {
    margin-bottom: 0px!important;    
    border: 2px solid #e2e3e8;
    margin-bottom: 0px!important;
    padding: 35px 15px 30px;
    border-bottom: 0px;
}

.widget>ul>li+li {border-top: 0px solid #ececec;}



/* Product Categorieën */
ul.product-categories li a {
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "montserrat";

}

ul.product-categories {
   line-height: 1em;
   margin-top: 10px;
}


/* FAQ */

.section.faq .accordion .toggle {
    opacity: 1 !important;
    color: #223e8a !important;}

.section.faq .accordion.faq {
    border: 1px solid #ccc;}


/* Product overzichtspagina */

/* Producten Button */
.shop-container .button.primary {
    padding: 3px 35px 3px 0px;
    color: #fff;
    background-color: #FF5630!important;
    font-size: 14px; 
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-family: "montserrat";
    border-radius: 0px;
    box-shadow: none  !important;
    border: 0px  !important;
    text-transform: none;
    top: 16px;
    width: calc(100% - 90px);
    margin-bottom: 20px!important;
}

.shop-container .button.primary:hover {background-color: #213D8A!important;}

.shop-container .add_to_cart_button:after {background-image: none;}
.shop-container .button.primary:after {background-image: none;}
.shop-container .button.primary:before {
    content: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-Winkelmand-o1.svg);
    background-image: none;
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 8px;
    right: 20px;
}



/* Producten Costum Button */
.shop-container .button.custom-button {
    width: 48px;
    position: absolute!important;
    right: 0px;
    display: inline-block !important;
    bottom: 26px !important;
    background-color: #213C8A !important;
    margin-bottom: 0px;
    margin-right: 0px;
}


.shop-container .button.custom-button:after {
    content: "";
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Arrow-white-o1.svg");
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 6px;
    right: 8px;
}

/* Producten */
.shop-container .box-text p a {
    text-transform: capitalize;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-family: "montserrat";
    padding: 0px 15px;
}

.price-wrapper .price {
    padding: 0px 15px;
    margin-bottom: 20px;
}
.shop-container .box-image {padding: 15px;}

.shop-container .product-small.box {
    border: 2px solid #e2e3e8;
}


p.name.product-title a {
    text-transform: capitalize;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-family: "montserrat";
}

.shop-container span.amount {
    white-space: nowrap;
    color: #213D8A;
    Font-size: 16px;
    font-weight: 600;
}




/* Filter Dropdownmenu */
.widget span.widget-title.with-dropdown {
    display: block;
}


/* Prijs Filter */
.widget.woocommerce.widget_price_filter {
    border-bottom: 0px solid #e2e3e8;
}


.widget_price_filter .ui-slider .ui-slider-range {
    background-color: #213D8A;
    opacity: 1;
}

.price_slider_wrapper {
    margin-top: 25px;
}

.widget_price_filter span {
    font-weight: 300;
}


.widget_price_filter .price_slider_amount .button  {
    background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 15px 3px 15px!important;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}


.widget_price_filter .price_slider_amount .button:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}

.widget_price_filter .ui-slider-horizontal {    height: 3px!important;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: #000;
    opacity: 1;}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #000;
}


/* Paginanummering */
nav.woocommerce-pagination .page-numbers .page-number.current {
    border: 1px solid #e2e3e8!important;
    border-radius: 0px;
    background-color: #ff5630;
    font-size: 15px;
}

nav.woocommerce-pagination .page-numbers .page-number {
    border: 1px solid #e2e3e8!important;
    border-radius: 0px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;}


nav.woocommerce-pagination .page-numbers .page-number:hover {
    border: 1px solid #e2e3e8!important;
    border-radius: 0px;
    background-color: #ff5630;
    font-size: 15px;
}

.shop-container nav.woocommerce-pagination {
    padding: 5px!important;
    border-top: 2px solid #e2e3e8;
    border-bottom: 2px solid #e2e3e8;
    padding: 16px;
}


/* Yith Filter */
.widget span.widget-title.with-dropdown {
    display: block;
}

.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover {
border: 1px solid #e2e3e8;
    background-image: none;
    background-color: #213D8A;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover, .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a {
    width: 30px;
    text-align: center;
}



/* Heeft u dit al gezien */

.section.Sidebar-Producten h2 {
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #203C8A !important;
    font-family: "montserrat" !important;
}

.section.Sidebar-Producten .product-small.box {
    border: 0px solid #e2e3e8!important;
}


.section.Sidebar-Producten .box-image {
    padding: 0px!important;
}

.section.Sidebar-Producten .box-image {
    width: 35%!important;
}

.section.Sidebar-Producten .box-text p a {padding: 0px 0px;}

.section.Sidebar-Producten .box-text {
    padding: 0 0 0 15px;
}

.section.Sidebar-Producten .box-text .price-wrapper {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
}
.box-list-view .box, .box-vertical {
    display: table!important;
    width: 100%!important;
}

.section.Sidebar-Producten .box-text .title-wrapper a {
    font-size: 12px;
    text-transform: none;
    color: #868685;
    line-height:18px;
    text-align: left;
}

.section.Sidebar-Producten .price {
    margin-bottom: 20px;
    text-align: left;
    padding: 0px;
}

.section.Sidebar-Producten amount {
    white-space: nowrap;
    color: #213D8A !important;
    font-weight: bold;
}


.section.Sidebar-Producten {
    border: 2px solid #e2e3e8;
    padding: 20px 15px;
    margin-bottom: 0px!important;
}


.section.Sidebar-Producten .col {padding: 0 15px 10px!important;}

.section.Sidebar-Producten .box-image img {
   border: 1px solid #e2e3e8;
}

.section.Sidebar-Producten span.amount {
   color: #213D8A !important;
}


.widget {
    margin-bottom: 0px!important;
}

/* Productspecificatie pagina */
.product-summary .woocommerce-Price-currencySymbol {
    vertical-align: inherit;
    white-space: nowrap;
    color: #213D8A;
    Font-size: 16px;
    font-weight: 600;
}


.col.large-3.hide-for-medium {
    padding: 0 13px 30px;
}


.product-main .row-divided>.col+.col:not(.large-12) {
    border-left: 0px solid #ececec;
}





/* Button Productspecificatiepagina */
.quantity+.button {font-size: 14px!important;}

.single_add_to_cart_button {    
background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px!important;
    margin-top: 0px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 15px 3px 15px;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}


.single_add_to_cart_button:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}

.product-summary .quantity {margin-top: 3px; margin-right: 5px;}

/* Slider */

.section.Home h2 {
    font-size: 40px;
    line-height: 50px;
    color: #FF5630;
    font-weight: 600;
}

/* Slider Arrows */
.lg-y50 {top: 60%;}


.section.Home .slider .flickity-prev-next-button:hover .arrow {fill: #fff!important;}


.section.Home .flickity-prev-next-button {
    position: absolute;
    top: 55%;
    background-color: #213d8a;
    margin: 20px;
    padding: 0;
    width: 44px;
    height: 43px;
    color: #fff!important;
    border: none;
    cursor: pointer;
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.8);
}

.section.Home .flickity-prev-next-button svg {padding: 12px;}


@media screen and (min-width: 1400px) and (max-width: 3000px) {
.section.Home .flickity-prev-next-button.previous {left: 22%;}}

@media screen and (min-width: 1400px) and (max-width: 3000px) {
.section.Home .flickity-prev-next-button.next {right: 22%;}}

/* Uitgelicht */

.section.Uitgelicht h2 {
    font-size: 22px;
    font-weight: 700;
    color: #231f20;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
}


.section.Uitgelicht .Uitgelicht-1 {
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Uitgelicht-o1.jpg");
    height: 345px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.section.Uitgelicht .Uitgelicht-2 {
    background-image: url("https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Uitgelicht-o2.jpg");
    height: 345px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.section.Uitgelicht .icon {
    top: 45px;
    position: relative;
}

.section.Uitgelicht .icon-box-text {
    background-color: rgba(255, 255, 255, 0.6);
    width: 375px;
    padding: 40px 1px;
    border-radius: 10px;
}


.section.Uitgelicht .Uitgelicht-1:after {
    content: "";
    height: 25px;
    width: 100%;
    background: rgba(288, 86, 48, .8);
    display: block;
    bottom: 0;
    position: absolute;
}

.section.Uitgelicht .Uitgelicht-2:after {
    content: "";
    height: 25px;
    width: 100%;
    background: rgba(33, 60, 138, 0.9);
    display: block;
    bottom: 0;
    position: absolute;
}



.section.Uitgelicht .Uitgelicht-1 .icon:before {
    content: url("https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Uitgelicht-Bollen-o1.png");
    position: absolute;
    left: -230px;
    top: -30px;
}

.section.Uitgelicht .Uitgelicht-2 .icon:before {
    content: url("https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-UItgelicht-Kristal-o1.png");
    position: absolute;
    left: -230px;
    top: -30px;
}


/* Producten - Nieuw */

.section.Producten.Nieuw h2 {
    font-size: 30px;
    font-weight: 700;
    color: #213D8A;
    text-align: center;
    text-transform: none;
    line-height: 40px;
}

.section.Producten .product-small.box:hover {
    box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
}

/* Producten - Hangers */

.section.Producten.Hangers h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-transform: none;
    line-height: 40px;
}

/* Producten - Slider */
.section.Producten .product-small.box {border: 2px solid #e2e3e8;}
.section.Producten .button.primary {
    padding: 3px 35px 3px 0px;
    color: #fff;
    background-color: #FF5630!important;
    font-size: 14px;
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-family: "montserrat";
    border-radius: 0px;
    box-shadow: none !important;
    border: 0px !important;
    text-transform: none;
    top: 16px;
    width: calc(100% - 90px);
    margin-bottom: 20px!important;
}

.section.Producten .button.primary:hover {
    background-color: #213D8A!important;
}

.section.Producten .button.custom-button {
    width: 48px;
    position: absolute!important;
    right: 0px;
    display: inline-block !important;
    bottom: 26px !important;
    background-color: #213C8A !important;
    margin-bottom: 0px;
    margin-right: 0px;
}

.section.Producten .button.custom-button:after {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Arrow-white-o1.svg);
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 6px;
    right: 8px;
}

.section.Producten .box-image {
    padding: 15px;
    background: #fff;
}

.section.Producten .box-text {
    background: #fff;
}


.section.Producten .box-text p a {
    text-transform: capitalize;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-family: "montserrat";
    padding: 0px 15px;
}

.section.Producten span.amount {
    white-space: nowrap;
    color: #213D8A;
    Font-size: 16px;
    font-weight: 600;}

.section.Producten .button.primary:before {
    content: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-Winkelmand-o1.svg);
    background-image: none;
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 8px;
    right: 20px;
}


.section.Producten .button.primary:after {background-image: none;}

/* Producten - Arrows */
.section.Producten .slider .flickity-prev-next-button:hover .arrow {fill: #fff!important;}

.section.Producten .flickity-prev-next-button {
    position: absolute;
    background-color: #213d8a;
    margin: 20px;
    padding: 0;
    width: 44px;
    height: 43px;
    color: #fff!important;
    border: none;
    cursor: pointer;
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.8);
}

.section.Producten .flickity-prev-next-button svg {padding: 12px;}


/* Nieuws */
.section.Nieuws h2 {
    font-size: 30px;
    font-weight: 700;
    color: #213D8A;
    text-align: center;
    text-transform: none!important;
    line-height: 40px;
}

.section-title b {background-color: #000; opacity: 1; height: 3px;}
.section.Nieuws .box-text p {font-size: 12px; color: #000; margin-bottom: 30px;}
.section.Nieuws .section-title span {
    text-transform: none;
}


.section.Nieuws .box-image {
    border-radius: 5px;
    border: 2px solid #e2e3e8;
}

.section.Nieuws .button.primary {
    background-color: #213C8A;
    border-color: #213C8A;
    color: #fff;
    font-size: 14px;
    float: left;
    position: relative;
    display: inline-block;
    text-align: left;
    border-radius: 5px;
    padding: 5px 25px;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #000;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
    width: 175px;
}

.section.Nieuws .text-center {
    text-align: left;
}

.section.Nieuws .box-blog-post .is-divider {
    display: none;
}


.section.Nieuws h5.post-title.is-large {
    font-size: 15px;
    color: #213d8a;
}


@media screen and (min-width: 850px) and (max-width: 3000px) {
.section.Nieuws p.from_the_blog_excerpt {
    min-height: 80px;
}}

/* Reviews */

.flickity-page-dots .dot.is-selected {
    background-color: #213D8A;
    opacity: 1 !important;
}

.flickity-page-dots .dot.is-selected {
    background-color: #213D8A;
    opacity: 1 !important;
    border: 1px solid #213D8A;}

.flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    opacity: 1;
    background-color: #b1b2b3;
    border: 1px solid #b1b2b3;}



.section.Reviews h2 {
    font-size: 30px;
    font-weight: 700;
    color: #213D8A;
    text-align: center;
    text-transform: none;
    line-height: 40px;
}


.section.Reviews .banner.has-hover {background-color: #fff;}

.section.Reviews .testimonial-box p {
    color: #000;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
}



/* Reviews - Quote */
.section.Reviews .testimonial-text:before {
    content: "";
    background-size: 40px!important;
    background-repeat: no-repeat!important;
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Quote-o1.png);
    width: 40px;
    height: 40px;
    position: absolute;
    left: -40px;
    top: 0px;
}

.section.Reviews .testimonial-text:after {
    content: "";
    background-size: 40px!important;
    background-repeat: no-repeat!important;
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Quote-o1.png);
    width: 40px;
    height: 40px;
    position: absolute;
    right: -30px;
    bottom: 60px;
    transform: rotate(180deg);
}



/* Reviews - Arrows */

.section.Reviews .slider .flickity-prev-next-button:hover .arrow {fill: #fff!important;}

.section.Reviews .flickity-prev-next-button {
    position: absolute;
    background-color: #FF5630;
    margin: 20px;
    padding: 0;
    width: 44px;
    height: 43px;
    color: #fff!important;
    border: none;
    cursor: pointer;
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.8);
}

.section.Reviews .flickity-prev-next-button svg {padding: 12px;}


/* Reviews - Stars */
.section.Reviews .star-rating span:before {color: #FF5630!important;}
.section.Reviews .star-rating:before {color: #FF5630!important;}
.section.Reviews .star-rating {
    position: absolute; 
    bottom: 25px; 
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0) }

/* SEO */

.section.SEO h2 {
    font-size: 30px;
    font-weight: 700;
    color: #213D8A;
    text-align: center;
    text-transform: none;
    line-height: 40px;
}


.section.SEO h3 {
    color: #000!important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.section.SEO h3:before {
    position: absolute;
    content: "";
    height: 24px;
    background-color: #FF5630;
    width: 6px;
    top: 0px;
    left: -15px;
}

/* USP */
.section.USP {
    border-bottom: 8px solid #ff5630;
}

.section.USP ul {
    list-style-type: none;
    padding: 0px;
    margin: 6px auto 12px auto;
    text-align: center;
}

.section.USP ul li {
    font-size: 11px;
    line-height: 24px;
    font-family: "montserrat";
    margin-right: 10px;
    text-align: center;
    text-transform: none;
    display: inline-block;
    overflow: hidden;
}

.section.USP ul li:before {
    top: 3px;
    margin-right: 11px;
    content: "";
    position: relative;
    display: inline-block;
    background-size: contain;
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-icoon.png);
    width: 17px;
    height: 17px;
    background-position: center;
    background-size: 100%;
}

/* Footer */

.footer ul {margin-bottom: 30px;}

.footer-2 {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Achtergrond-Footer-o1.jpg);
}


.footer-2 {
    padding: 60px 0 40px;
}

.footer span.widget-title {
    font-size: 20px;
    text-transform: none;
    font-weight: 600;
    font-family: "montserrat";
    margin-bottom: 22px;
    position: relative;
    display: block;
}


.footer-2 .widget>ul>li>a {
    color: #fff;
    padding: 2px 0!important;
    font-size: 14px;
}

.footer-2 .widget>ul>li>a:hover {
    color: #ff5630!important;
}

.footer-2 p {
    color: #f1f1f1;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}

/* Disclaimer */
.footer-primary {
    padding: 30px 0px 25px 0px;
}

.footer-secondary {padding: 18.5px 0;}

/* Uitgelicht Responsive */
@media screen and (min-width: 0px) and (max-width: 749px) {
.section.Uitgelicht .large-6 {
    max-width: 100%!important;
    flex-basis: 100%!important;
}}

@media screen and (min-width: 750px) and (max-width: 900px) {
.section.Uitgelicht .icon-box-text {
    background-color: rgba(255, 255, 255, 0.6);
    width: 80%;}}

@media screen and (min-width: 750px) and (max-width: 900px) {
.section.Uitgelicht .Uitgelicht-2 .icon:before {
    content: none;}}

@media screen and (min-width: 750px) and (max-width: 900px) {
.section.Uitgelicht .Uitgelicht-1 .icon:before {
    content: none;}}


@media screen and (min-width: 0px) and (max-width: 450px) {
.section.Uitgelicht .icon-box-text {
    background-color: rgba(255, 255, 255, 0.6);
    width: 80%;}}

@media screen and (min-width: 0px) and (max-width: 450px) {
.section.Uitgelicht .Uitgelicht-2 .icon:before {
    content: none;}}

@media screen and (min-width: 0px) and (max-width: 450px) {
.section.Uitgelicht .Uitgelicht-1 .icon:before {
    content: none;}}



/* Slider Responsive */
@media screen and (max-width: 549px) {
.slider-wrapper .flickity-prev-next-button {
    display: block;
    width: 44px!important;
}}

/* Producten - Slider Responsive */

@media screen and (min-width: 850px) and (max-width: 989px) {
.large-columns-4 .flickity-slider>.col {
    max-width: 33.3%!important;
    flex-basis: 33.3%!important;
}}

@media screen and (min-width: 650px) and (max-width: 849px) {
.large-columns-4 .flickity-slider>.col {
    max-width: 50%!important;
    flex-basis:  50%!important;
}}


@media screen and (min-width: 0px) and (max-width: 649px){
.large-columns-4 .flickity-slider>.col {
    max-width: 100%!important;
    flex-basis: 100%!important;
}}

/* Nieuws Responsive */
@media screen and (min-width: 650px) and (max-width: 849px) {
.section.Nieuws .medium-4 {
    max-width: 50%!important;
    flex-basis: 50%!important;
}}

@media screen and (min-width: 0px) and (max-width: 649px) {
.section.Nieuws .medium-4 {
    max-width: 100%!important;
    flex-basis: 100%!important;
}}

/* SEO Responsive */
@media screen and (min-width: 0px) and (max-width: 749px) {
.section.SEO .medium-4 {
    max-width: 100%!important;
    flex-basis: 100%!important;
}}


/* USP Responsive */
@media screen and (min-width: 0px) and (max-width: 850px) {
.section.USP .small-6 {
    max-width: 100%!important;
    flex-basis: 100%!important;
}}


@media screen and (min-width: 990px) and (max-width: 1140px) {
.section.USP ul li {
    width: 20%!important;
}}

@media screen and (min-width: 800px) and (max-width: 989px) {
.section.USP ul li {
    width: 25%!important;
}}

@media screen and (min-width: 620px) and (max-width: 799px){
.section.USP ul li {
    width: 33.3%!important;
}}

@media screen and (min-width: 0px) and (max-width: 619px) {
.section.USP ul li {
    width: 100%!important;
    transform: translateX(-10px);
}}

/* Footer Responsive */

@media screen and (min-width: 600px) and (max-width: 900px){
.footer .large-columns-4>.col {
    max-width: 50%!important;
    flex-basis: 50%!important;
}}

@media screen and (min-width: 0px) and (max-width: 599px){
.footer .large-columns-4>.col {
    max-width: 100%!important;
    flex-basis: 100%!important;
}}


/* Menu Responsive */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding: 0px 10px 0px 10px;}

@media screen and (min-width: 1050px) and (max-width: 1150px){
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding: 0px 5px 0px 5px;}}

@media screen and (min-width: 950px) and (max-width: 1049px){
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: 12px; padding: 0px 5px 0px 5px;}}

@media screen and (min-width: 0px) and (max-width: 950px){
.header-bottom .show-for-medium .nav-center {
    justify-content: space-between;
}}


.header-bottom-nav.nav>li>a {
    color: #ffffff;
    font-size: 15px;}

/* Zoekbalk Responsive */
@media screen and (min-width: 850px) and (max-width: 950px){
.header-main input[type='search'] {width: auto!important; float: right;}}

.header-main .header-button .button.primary:after {
    background-image: none;}


.header-main .header-button .button.primary {
    background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 15px 3px 15px!important;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}


/* Zoekbalk Lightbox */
#search-lightbox .searchform .button.icon i {
    font-size: 20px;
}

#search-lightbox input[type="search"] {
    background-color: #e6e7e8!important;
    border: 1px solid #e6e7e8!important;
    padding: 15px 5px;
    border-radius: 50px 0 0 50px!important;
    box-shadow: none;
    height: auto;
    font-size: 12px!important;
    color: #58595b!important;
    text-transform: none;
}


#search-lightbox .button.secondary:not(.is-outline) {
    background-color: #213D8A!important;
    border-radius: 0 50px 50px 0!important;
    padding: 4px 20px 3px!important;
    min-height: 52px;
    height: 52px;
    line-height: 30px;}

.mfp-bg.mfp-ready {
    opacity: .8!important;
}

.searchform-wrapper:not(.form-flat) .submit-button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.5);
    height: auto;
    width: auto;
}


/* Slider Responsive */
@media screen and (min-width: 376px) and (max-width: 749px) {
.section.Home h2 {
    font-size: 30px;
    line-height: 40px;
    color: #FF5630;
    font-weight: 600;
}}

@media screen and (min-width: 0px) and (max-width: 375px) {
.section.Home h2 {
    font-size: 20px;
    line-height: 26px;
    color: #FF5630;
    font-weight: 600;
}}

@media screen and (min-width: 550px) and (max-width: 749px) {
.lg-y50 {
    top: 70%;
}}

@media screen and (min-width: 550px) and (max-width: 749px) {
.section.Home .flickity-prev-next-button {
    top: 65%;}}


@media screen and (min-width: 376px) and (max-width: 549px){
.lg-y50 {
    top: 70%;
}}

@media screen and (min-width: 376px) and (max-width: 549px){
.section.Home .flickity-prev-next-button {
    top: 60%;}}


@media screen and (min-width: 0px) and (max-width: 375px) {
.lg-y50 {
    top: 80%;
}}

@media screen and (min-width: 0px) and (max-width: 375px) {
.section.Home .flickity-prev-next-button {
    top: 70%;}}


@media screen and (min-width: 376px) and (max-width: 749px) {
.section.Home .banner.has-hover {
    padding-top: 480px!important;
    min-height: 480px!important;
}}

@media screen and (min-width: 0px) and (max-width: 375px) {
.section.Home .banner.has-hover {
    padding-top: 370px!important;
    min-height: 370px!important;
}}


/* Content Responsive */
@media screen and (min-width: 1029px) and (max-width: 1240px) {
.section.Content .col.medium-3.large-3 {
    max-width: 30%!important;
    flex-basis: 30%!important;
}}

@media screen and (min-width: 1029px) and (max-width: 1240px) {
.section.Content .col.medium-9.large-9 {
    max-width: 70%!important;
    flex-basis: 70%!important;
}}


@media screen and (min-width: 0px) and (max-width: 1028px) {
.section.Content .col.medium-3.large-3 {
    max-width: 37%;
    flex-basis: 37%;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.section.Content .col.medium-9.large-9 {
    max-width: 63%;
    flex-basis: 63%;
}}

@media screen and (min-width: 0px) and (max-width: 850px) {
.section.Content .col.medium-3.large-3 {
    max-width: 100%;
    flex-basis: 100%;
    order: 2;
}}


@media screen and (min-width: 0px) and (max-width: 850px) {
.section.Content .col.medium-9.large-9 {
    max-width: 100%;
    flex-basis: 100%;
    order: 1;
}}


/* Shop Responsive */

@media screen and (min-width: 1029px) and (max-width: 1240px) {
.category-page-row .col.large-3 {
    max-width: 30%!important;
    flex-basis: 30%!important;
}}

@media screen and (min-width: 1029px) and (max-width: 1240px) {
.category-page-row .col.large-9 {
    max-width: 70%!important;
    flex-basis: 70%!important;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.category-page-row .col.large-3 {
    max-width: 37%;
    flex-basis: 37%;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.category-page-row .col.large-9 {
    max-width: 63%;
    flex-basis: 63%;
}}


@media screen and (min-width: 0px) and (max-width: 849px) {
.category-page-row .col.large-3 {
    max-width: 100%;
    flex-basis: 100%;
}}

@media screen and (min-width: 0px) and (max-width: 849px) {
.category-page-row .col.large-9 {
    max-width: 100%;
    flex-basis: 100%;
}}


/* Producten Responsive */
@media screen and (min-width: 850px) and (max-width: 1099px) {
.products .product {
    max-width: 50%!important;
    flex-basis: 50%!important;
}}


@media screen and (min-width: 750px) and (max-width: 849px) {
.products .product {
    max-width: 33.3%!important;
    flex-basis: 33.3%!important;
}}


@media screen and (min-width: 1100px) and (max-width: 1249px) {
.shop-container .button.primary {
    width: calc(100% - 60px);}}

@media screen and (min-width: 1100px) and (max-width: 1249px) {
.shop-container .button.primary:before {
    right: 10px;
}}



@media screen and (min-width: 850px) and (max-width: 999px) {
.shop-container .button.primary {
    width: calc(100% - 60px);}}

@media screen and (min-width: 850px) and (max-width: 999px) {
.shop-container .button.primary:before {
    right: 10px;
}}



@media screen and (min-width: 750px) and (max-width: 849px) {
.shop-container .button.primary {
    width: calc(100% - 55px);}}

@media screen and (min-width: 750px) and (max-width: 849px) {
.shop-container .button.primary:before {
    right: 10px;
}}


@media screen and (min-width: 550px) and (max-width: 649px) {
.shop-container .button.primary {
    width: calc(100% - 60px);}}

@media screen and (min-width: 550px) and (max-width: 649px) {
.shop-container .button.primary:before {
    right: 10px;
}}



/* Filter */
.filter-button.uppercase.plain {
    color: #fff!important;
    width: 100%!important;
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
    border-radius: 5px;
    padding: 15px 10px;
}


/* Off Canvas */
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
    width: 360px;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    background-color: rgba(255,255,255,1);
}


/* Productspecificatie Responsive */

@media screen and (min-width: 1029px) and (max-width: 1240px) {
.product-main .col.large-3 {
    max-width: 30%!important;
    flex-basis: 30%!important;
}}

@media screen and (min-width: 1029px) and (max-width: 1240px) {
.product-main .col.large-9 {
    max-width: 70%!important;
    flex-basis: 70%!important;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.product-main .col.large-3 {
    max-width: 37%;
    flex-basis: 37%;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.product-main .col.large-9 {
    max-width: 63%;
    flex-basis: 63%;
}}


@media screen and (min-width: 0px) and (max-width: 849px) {
.product-main .col.large-3 {
    max-width: 100%;
    flex-basis: 100%;
}}

@media screen and (min-width: 0px) and (max-width: 849px) {
.product-main .col.large-9 {
    max-width: 100%;
    flex-basis: 100%;
}}


/* Button Productspecificatiepagina Responsive */

@media screen and (min-width: 850px) and (max-width: 1049px) {
.quantity+.button {font-size: 11px!important;}}

@media screen and (min-width: 850px) and (max-width: 1049px) {
.single_add_to_cart_button {padding: 3px 5px 3px 5px!important;}}

@media screen and (min-width: 850px) and (max-width: 1049px) {
.product-summary .quantity {margin-top: 0px; margin-right: 5px;}}




/* Blog Recent Posts */
.widget.flatsome_recent_posts span.widget-title {
    letter-spacing: 0px;
    text-transform: none;
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 900;
    line-height: 28px;
}

.widget.flatsome_recent_posts .is-divider {
display: none;
}

.recent-blog-posts a {
    color: #000;
}

.recent-blog-posts a:hover {
    color: #ff800e;
}


.widget.flatsome_recent_posts {
    border: 2px solid #e2e3e8;
    border-radius: 3px 3px 0px 0px;
    padding: 30px 15px 15px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e2e3e8!important;}

.widget.flatsome_recent_posts>ul>li+li {
    border-top: 0px solid #ececec!important;
}


/* Blog Categories */

.widget.widget_categories span.widget-title {
    letter-spacing: 0px;
    text-transform: none;
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 900!important;
    line-height: 28px;
}

.widget.widget_categories .is-divider {
display: none;
}


.widget.widget_categories {
    border-top: 1px solid #e2e3e8!important;
    border: 2px solid #e2e3e8;
    border-radius: 0px 0px 0px 0px;
    padding: 30px 15px 15px;
    margin-bottom: 40px;}


.widget.widget_categories>ul>li+li {
    border-top: 1px solid #ff800e;
}


.widget.widget_categories>ul>li {
    position: relative;
}

.widget.widget_categories>ul>li a {
    Display: block;
    font-size: 15px;
    color: #353332;
}

.widget.widget_categories>ul>li a:hover {
  color: #ff800e;
}


.widget.widget_categories>ul>li a:hover:after {
    content: '';
    background: url(http://goldiesdemo.nl/goldies/wp-content/uploads/2020/01/BH-Arrow-o1.png);
    background-size: contain;
    background-position: 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    font-size: 18px;
    top: 50%;
    right: 0px;
    transform: translate(0%,-50%);
}


.widget.widget_categories .current-cat>a:after {
    content: '';
    background: url(http://goldiesdemo.nl/goldies/wp-content/uploads/2020/01/BH-Arrow-o1.png);
    background-size: contain;
    background-position: 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    font-size: 18px;
    top: 50%;
    right: 0px;
    transform: translate(0%,-50%);
}


/* Blog box */
.blog-wrapper .from_the_blog_excerpt {display: none;}
.box-blog-post .is-divider {height: 0px;}
.blog-wrapper .box-overlay.dark .box-text {
   text-shadow: 1px 1px 1px rgba(0,0,0,0);}

h5.post-title {
    text-transform: none;
    color: #223e8a;
    font-size: 22px;
    font-weight: 900;
    line-height: 24px;
}


.badge.post-date {
    border-radius: 0px!important;
    top: 0px;
    margin-left: 0px;}

.badge-circle-inside .badge-inner {
    border-radius: 0px!important;}


.blog-wrapper .box-text.text-left {
    background-color: #ffffff!important;
    height: 195px;
    border-top: 5px solid #ff5630;
}

.blog-wrapper.blog-archive.page-wrapper .col.post-item .col-inner {
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.blog-wrapper.blog-archive.page-wrapper .col.post-item .col-inner:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.22);
}

.recent-blog-posts a { font-size: 14px;}


/* Blog Single post */
.single.single-post .entry-category.is-xsmall a {
    color: #000;
    text-transform: none;
    font-weight: 300;
}

.single.single-post .entry-category.is-xsmall a:hover {
    color: #f57b20;
}

.single.single-post h1 {
    color: #353332;
    font-size: 30px;}

.single.single-post .is-divider {
    height: 0px;
    max-width: 95px;
}

.comments-area {display: none;}

.blog-wrapper.blog-single.page-wrapper {
    padding-bottom: 0px;}


/* Blog Archieven */
.archive-page-header {display: none;}
.archive-page-header .page-title.is-large.uppercase {display: none;}
/* .archive-page-header .page-title.is-large.uppercase {
    text-transform: none;
    color: #f57b20;
    font-size: 22px;
    font-weight: 900;
    line-height: 24px;
}*/


/* Blog Responsive */
@media screen and (min-width: 0px) and (max-width: 1300px) {
.box-vertical .box-image .image-cover {height: 200px!important;}}


@media screen and (min-width: 0px) and (max-width: 549px) {
.blog-wrapper .box-text {
    padding-left: 15px!important;
    padding-right: 15px!important;
}}

@media screen and (min-width: 0px) and (max-width: 549px) {
.blog-wrapper .box-text.text-left {padding-top: 30px; padding-bottom: 30px; height: auto!important;}}



@media screen and (min-width: 850px) and (max-width: 3000px) {
.blog-wrapper .row-large>.col {
    padding: 0 20px 30px!important;
}}



@media screen and (min-width: 1029px) and (max-width: 1240px) {
.blog-wrapper .large-3 {
    max-width: 30%!important;
    flex-basis: 30%!important;
}}

@media screen and (min-width: 1029px) and (max-width: 1240px) {
.blog-wrapper .large-9 {
    max-width: 70%!important;
    flex-basis: 70%!important;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.blog-wrapper .large-3 {
    max-width: 37%;
    flex-basis: 37%;
}}

@media screen and (min-width: 0px) and (max-width: 1028px) {
.blog-wrapper .large-9 {
    max-width: 63%;
    flex-basis: 63%;
}}


@media screen and (min-width: 0px) and (max-width: 849px) {
.blog-wrapper .large-3 {
    max-width: 100%;
    flex-basis: 100%;
}}

@media screen and (min-width: 0px) and (max-width: 849px) {
.blog-wrapper .large-9 {
    max-width: 100%;
    flex-basis: 100%;
}}


/* Producten - Slider Responsive */
@media screen and (min-width: 850px) and (max-width: 1249px) {
.section.Producten .button.primary {
    width: calc(100% - 60px);
}}

@media screen and (min-width: 850px) and (max-width: 1249px) {
.section.Producten .button.primary:before {right: 10px!important;}}


/* Slider Producten Responsive */
@media screen and (max-width: 549px) {
.row-slider .flickity-prev-next-button {
    width: 44px!important;
}}

.section.Producten .slider .flickity-prev-next-button svg, .section.Producten .slider .flickity-prev-next-button .arrow {
    fill: #fff!important;
    background-color: #213d8a!important;
    border-radius: 10px;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.8);
    padding: 12px!important;
}

/* Slider Nieuws Responsive */
.section.Nieuws .slider .flickity-prev-next-button svg, .section.Nieuws .slider .flickity-prev-next-button .arrow {
    fill: #fff!important;
    background-color: #213d8a!important;
    border-radius: 10px;
    box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.8);
    padding: 12px!important;
    opacity: 1;
}

.section.Nieuws .row-slider .flickity-prev-next-button {
  opacity: 1;
}


.section.Nieuws .slider-nav-reveal .flickity-prev-next-button:hover, .section.Nieuws .slider-nav-reveal .flickity-prev-next-button {}


@media screen and (max-width: 849px) {
.section.Nieuws .slider-nav-reveal .flickity-prev-next-button.next {right: 20px !important;}}

@media screen and (max-width: 849px) {
.section.Nieuws .slider-nav-reveal .flickity-prev-next-button.previous {left: 20px !important;}}


.section.Nieuws .slider-nav-reveal .flickity-prev-next-button:hover, .section.Nieuws .slider-nav-reveal .flickity-prev-next-button {
    width: 44px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: transparent;
    box-shadow: 0 -150px 15px 0 rgba(0,0,0,0);
    margin: 0 !important;
}

/* Reviews Responsive */
@media screen and (max-width: 549px) {
.section.Reviews .testimonial-text:before {background: none;}}

@media screen and (max-width: 549px) {
.section.Reviews .testimonial-text:after {background: none;}}

@media screen and (max-width: 1349px) {
.slider-nav-outside .flickity-prev-next-button.next {right: 0px!important; left: auto;}}

@media screen and (max-width: 1349px) {
.slider-nav-outside .flickity-prev-next-button.previous {left: 0px!important; right: 0%;}}


/* Centreren DIV Content */
.section.Content .center-image {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 10px 0px 10px 0px
}

/* TablePress*/
.section.Content .tablepress .col-inner ul li {
    font-size: 15px;
    line-height: 14px;
    margin-bottom: 0px;
    color: #333;
}

.section.Content .tablepress tbody td, .tablepress tfoot th {
    border-top: 0px solid #ddd; 
}

.section.Content .tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: none;
    font-size: 15px;
    color: #333;
}

.section.Content .tablepress b {
    font-size: 15px;
    color: #333;
}

.section.Content .tablepress li {
    font-size: 15px;
    color: #333;
    line-height: 15px!important;
}

/* Productpagina */
.tab-panels ul li  {
    font-size: 15px;
    line-height: 14px;
    color: #333;
}

.product-info p.price.product-page-price {
    color: #FF5630;
}

/* Yith Filter */
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a {
    min-width: 30px!important;
   width: auto!important;
    text-align: center;
}

/*Product pagina*/

.product-info .price-wrapper .price {
   padding: 0px;
}

/* Cookiebanner*/
#cookie-notice .button.bootstrap {
    font-size: 13px!important;
    line-height: 24px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0)!important;
    background-color: #213C8A!important;
    background-image: none!important;
    border-color: #213C8A!important;
    padding: 3px 8px;
    margin-bottom: 5px!important;
}
#cookie-notice .cn-button {
    margin-left: 10px;
}

/* Ervaringen */
.section.Content .testimonial-meta.pt-half:before {
    content: "";
    background-image: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Icoon-Ervaringen.png);
    height: 40px;
    width: 40px;
    display: inline-block;
    background-position: center;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    top: 6px;
}


.section.Ervaringen .testimonial-text:before {
    content: "";
    background-size: 40px!important;
    background-repeat: no-repeat!important;
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Quote-o1.png);
    width: 40px;
    height: 40px;
    position: absolute;
    left: -40px;
    top: 0px;
}

.section.Ervaringen .testimonial-text:after {
    content: "";
    background-size: 40px!important;
    background-repeat: no-repeat!important;
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2020/01/COR-Quote-o1.png);
    width: 40px;
    height: 40px;
    position: absolute;
    right: -30px;
    bottom: 60px;
    transform: rotate(180deg);
}

.section.Ervaringen .star-rating:before {
    color: #FF5630!important;
}


.section.Ervaringen .star-rating span:before {
    color: #FF5630!important;
}

.section.Ervaringen .star-rating {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
}

/* Wpml */

.wpml-ls-legacy-dropdown {
    width: 50px !important;
    position: relative!important;
}

.wpml-ls-legacy-dropdown {
    max-width: 100%!important;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language>a {
    color: #000!important;
    background: #f6f6f6 !important;
}

.wpml-ls-legacy-dropdown a {
    border-radius: 4px!important;
    border: 1px solid #cdcdcd !important;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding: 5px 0px 5px 5px !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: 0px solid #cdcdcd!important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    text-align: center !important;
    margin-top: 5px !important;
}


/* Dropdown Menu */

.section.Dropdownmenu li {
    margin-bottom: 0px!important;
}

.section.Dropdownmenu li {
    margin-left: 30px!important;
}


.section.Dropdownmenu h4 {
    margin-left: 30px!important;
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: 800;
    color: #555;
    text-transform: none;
    margin-bottom: 10px;
}

.section.Dropdownmenu .col {
    padding: 0 7.5px 20px;}

.section.Dropdownmenu{
    padding-left: 0px;
    padding-right: 0px;
}

/* Menu */
.mega-menu-row li a {
    margin-left: 20px;
    line-height: 28px;}

.mega-menu-row li a {
    color: #000!important;}

.mega-menu-row li a:hover {
    color: #FF5630!important;}

.mega-menu-row li {
    margin-bottom: 0em!important;
    list-style-type: none!important;}

.mega-menu-row a:before {
    content: '';
    background: url(https://www.circleofrotations.nl/wp-content/uploads/2019/11/COR-Arrow-blue-o1.svg);
    margin-top: 6px;
    left: 25px;
    height: 15px;
    width: 15px;
    background-size: contain;
    position: absolute;}

/* Menu */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    color: #213D8A!important;
    font-size: 18px;
    line-height: 60px;}

/* Dropdownmenu Responsive*/
@media screen and (min-width: 1300px) and (max-width: 3000px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    max-width: 1200px;
    width: 1200px!important;
    display: block;
    margin-left: auto;
    margin-right: auto;
   left: 0px!important;
}}


@media screen and (min-width: 950px) and (max-width: 1299px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 100vw!important;
    position: fixed;
    left: 0px;
}}

@media screen and (min-width: 950px) and (max-width: 1069px) {
.section.Dropdownmenu li {
    font-size: 13px!important;
}}


/* Prijs op aanvraag */
.Price {font-size: 12px; 
          font-weight: 600; 
         text-align: left;
         padding-left: 0px;}

.product-small.box .Price {padding-left: 15px;}

.section.Sidebar-Producten .product-small.box .Price {padding-left: 0px;}


.section.Sidebar-Producten .box-text p {text-align: left;}

/* Afrekenen */
.button-continue-shopping.button.primary {
    margin-top: 0px; 
    color: #fff!important;}
.button-continue-shopping.button.primary:after {background-image: none;}

.button.primary.mt-0.pull-left.small:after {
    background-image: none;
}

.button.primary.mt-0.pull-left.small {
    padding: 3px 30px 3px 30px!important;
}


.checkout-button.button.alt.wc-forward {
    background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 40px 3px 30px;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}

.checkout-button.button.alt.wc-forward:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}

.button#place_order.button.alt {
    background-color: #213D8A!important;
    border-color: #213D8A!important;
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 40px 3px 30px;
    font-weight: 600;
    font-family: "montserrat";
    border-bottom: 3px solid #0c1c5b!important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
}

.button#place_order.button.alt:hover {
    background-color: #FF5630!important;
    border-color: #FF5630!important;
    border-bottom: 3px solid #c53409!important;
}


ul.wc_payment_methods.payment_methods.methods {
    list-style: none!important;
}
li.wc_payment_method.payment_method_mollie_wc_gateway_ideal { 
    margin-left: 0px!important;
}

.wc_payment_method.payment_method_mollie_wc_gateway_paypal {
   margin-left: 0px!important;
}


.grecaptcha-badge {z-index: -999;}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}