/*** Responsive ***/
@media (max-width: 640px) {
.icon-block .icon-box-icon img, .icon-media img { width:50px !important; }
.heading-text h3:not([class*="fontsize-"]), 
.heading-text.h3:not([class*="fontsize-"]) { font-size: 1.5em !important; }
}

@media (min-width: 641px) {
.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label { width: 100% !important; }
.gform_wrapper .left_label input.large, 
.gform_wrapper .left_label select.large, 
.gform_wrapper .left_label textarea.large, 
.gform_wrapper .left_label textarea.medium, 
.gform_wrapper .left_label textarea.small, 
.gform_wrapper .right_label input.large, 
.gform_wrapper .right_label select.large, 
.gform_wrapper .right_label textarea.large, 
.gform_wrapper .right_label textarea.medium, 
.gform_wrapper .right_label textarea.small { width: 100% !important; }
.gform_wrapper .left_label li.hidden_label input, 
.gform_wrapper .right_label li.hidden_label input { margin-left: 0 !important; }
div.ginput_container_name span { padding-right: 0 !important;  margin-right: -5px !important;  }
span#input_3_1_3_container { padding-right: 5px; }
span#input_3_1_6_container { padding-left: 5px; }
.gform_wrapper .gform_footer:not(.top_label) { margin-left: 0 !important; }
}

@media (min-width: 960px) {
.menu-smart > li > a { padding: 0px 10px 0px 10px; }
}

.header-blog-img  .background-inner  { background-position: center center !important; background-size: cover !important }
.body-blog-img .background-inner { background-repeat: no-repeat; background-position: 76% 0 !important; background-size: contain !important; }

/*** Quotes - logos ***/
.client-logo-quote .tmb .t-entry-visual img,
.client-logo-quote .tmb .fluid-svg img { width: 100% !important; max-width: 200px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(99deg) brightness(100%) contrast(104%); !important; }
.client-logo-quote  p.Body { font-family: 'Sharp Sans Bold' !important; font-size: 24px; line-height:  1.2em; }
.client-logo-blocks .tmb .t-entry-visual img { width: 100% !important; max-width: 300px; filter: invert(15%) sepia(36%) saturate(1039%) hue-rotate(138deg) brightness(101%) contrast(96%) !important; }

/*** Text ***/
h1, h2, h3, h4, h5, h6 { font-family:'Sharp Sans Bold' !important; }
a, p, li, .uncode-list { font-family:'Sharp Sans Medium' !important; fontweight: 500;  }
.related-posts p {font-size: 0.9em; line-height: 1.2em;}
body, p, li, dt, dd, dl, address, label, small, pre, code { line-height: 1.5em; }
.t-entry-cf-detail-title { font-family:'Sharp Sans Bold' !important; font-size: 1.4em; color: #ffffff !important; }
.t-entry-cf-detail-subtitle { font-family:'Sharp Sans Bold' !important; font-size: 1.3em; color: #b4c2c4 !important; }
.t-entry-excerpt  { min-height: 170px;}
.products-block .t-entry-visual { margin-top: 12px !important; }
.products-block .t-entry-text .single-block-padding { padding: 12px 36px 12px 36px !important; }
.team-archive .t-overlay-text {padding-left:35%; }
.team-archive .t-entry-cf-detail-subtitle { font-family: 'Sharp Sans Bold' !important; font-size: 1.15em; color: #fff !important; margin-bottom:25px !important;  }

/*** Lightbox ***/
.ilightbox-holder.white .ilightbox-inner-toolbar .ilightbox-title { font-family:'Sharp Sans Bold' !important; font-size: 2.3em !important; color: #e32118 !important; }
.ilightbox-holder.white .ilightbox-container .ilightbox-caption { font-size: 1.2em; }

/*** WPML globe ***/
.language-globe  { color: #06363c !important; font-size: 13px; }
.language-globe:active  { color: #e32118; } 
.language-globe i.menu-icon { top: 2px !important; background: #fff !important; padding: 30px 15px!important;  }
body[class*=hmenu-]:not(.hormenu-position-right) .menu-borders .navbar-nav:not(.navbar-cta)+.navbar-nav-last>*:first-child, body[class*=hmenu-]:not(.hormenu-position-right) .menu-borders .navbar-nav+.navbar-cta:not(.hmenu-center-split-child)>*:first-child { border-left-width: 0 !important; }

/*** Menu - Buttons ***/
.menu-bloginfo { margin-right:-20px; }
.top-menu { width: 100%; min-height: 40px; display:none; margin-bottom: -6px; }
.top-menu .middle { float: right; }
.top-menu .menu-bloginfo-inner img { margin: -2px 21px 0 0 !important; }
.top-menu .menu-bloginfo-inner img { float: right; max-width: 140px !important; width: 140px !important; height: auto !important; }
.top-menu .vc_custom_heading_wrap img { margin-top: 0 !important; width: 110px; height: auto; max-width: 110px; }
.btn-sm { padding: 9px  !important }
.menu-bloginfo { padding: 15px 0 0px 18px !important; margin: 12px -30px 0 0 !important; }

body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, 
body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
color: #06363c !important;
}

.menu-smart i.menu-icon { font-size: 2em; }
.menu-container ul.menu-smart > li > a:not(.social-menu-link)
#menu-item-2103 {float:left; margin-top: 3px; }
#menu-item-2103 .fa-angle-down {display:none !important; }


ul.icons li .fa { margin-left: -30px; }
ul.icons li { margin: 5px 0px 0px 30px; }

/*** Projects - images ***/
.upscale .background-inner { transform: scale(1.3); margin: 0 -40px 40px; }
.upscale-middle .background-inner { transform: scale(1.5); margin: 0 -40px 40px; }
.upscale-large .background-inner { transform: scale(1.7); margin: 0 -40px 40px; }
.larger-visual .t-entry-visual { transform: scale(1.2); }
.larger-visual-middle .t-entry-visual { transform: scale(1.4); }
.larger-visual-large .t-entry-visual { transform: scale(1.6); }


/*** SVG - icons ***/
.icon-block .icon-box { min-height: 100px; }
.icon-block .icon-box .icon-media, .icon-block .icon-media { width: 60px !important; }
.icon-block .icon-box h3 { color: #333; }
.icon-block .icon-box-icon img { filter: invert(13%) sepia(61%) saturate(6331%) hue-rotate(356deg) brightness(114%) contrast(89%); !important; }
.icon-block .icon-expand .icon-box-content  { width: 80% !important; }
.icon-block .icon-box-left .icon-box-heading, .icon-box-right .icon-box-heading { margin-top: -10px !important;  margin-bottom: 2px !important; }
.icon-block .icon-expand .icon-box-icon  { width: 20% !important; }
ul.icons li .fa { margin-left: -30px; }
ul.icons li { margin: 5px 0px 0px 30px; }

/*** Theme - dots ***/
.no-touch .onepage-pagination li { height: 2em; }
.no-touch .onepage-pagination .cd-dot { width: 6px;height: 26px; background-color: rgba(1, 1, 1, 0.3); border-radius: 0%; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0); }
.no-touch .onepage-pagination span.cd-dot-cont:hover .cd-dot { background-color: rgba(1, 1, 1, 0.55); transform: scale(1); }
.no-touch .onepage-pagination a.is-selected .cd-dot { background-color: rgba(1, 1, 1, 0.45); transform: scale(1); }
.is-selected .no-touch .onepage-pagination .cd-label { opacity: 1 !important; }
.no-touch .onepage-pagination .cd-label { left: 11px !important;  padding: 1px 8px 1px 8px !important; top: 0px !important; text-transform:uppercase; font-size: 0.7em; letter-spacing: 2px; }
.no-touch .onepage-pagination .cd-label:after { display: none !important;}

/*** FORMS ***/
.gform_wrapper ul li.gfield { margin-top: 0 !important; }
.ginput_complex.ginput_container.gf_name_has_2 span { width: calc(50% - 6px) !important; }
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select { margin-bottom: 2px !important; }
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox, 
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio { width: calc(100% + 16px) !important; }
#gform_submit_button_1, #gform_submit_button_2 { background: #e32118 !important; height: 36px; margin-top: 26px !important; width: auto !important; }
li#field_1_1, li#field_2_1 { padding-right: 1px !important; }
li#field_1_1, 
li#field_2_1,
li#field_2_2, 
li#field_2_3, 
li#field_2_4 { min-width: 250px !important; }
.gform_button:not(.btn-hover-nobg):not(.icon-animated), 
.gform_button { background-color: #e32118 !important; border-color: #e32118 !important; color: #ffffff !important; }
.gform_button:not(.btn-hover-nobg):not(.icon-animated):hover, 
.gform_button:not(.btn-hover-nobg):not(.icon-animated):focus, 
.gform_button:active { background-color: transparent !important; border-color: #e32118 !important; color: #e32118 !important; }
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]) { width: 99.7% !important; }
#gform_3 html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi, 
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description, 
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) { width: 100% !important; margin-left: 0, !important; }
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { margin-left: 1px; padding: 8px 12px; }
.gf_browser_safari { display:initial !important; }

.portfolio-template-default .top-menu { display:none !important; }



/*** DEFAULT COLOR PER PAGE
.page-id-2128 .logo-light > img { content:url(https://contactcenterlive.nl/wp-content/uploads/2020/04/cloud42-ccl.svg) !important; }
.page-id-2128 .logo-dark > img { content:url(https://contactcenterlive.nl/wp-content/uploads/2020/04/cloud42-ccl-white.svg) !important; }
.page-id-2128 ::selection { background: #e32118; color: #ffffff !important; }
.page-id-2128 .nav-tabs > li.active > a, 
.page-id-2128 .tabs-left > li.active > a { border-color:  !important; }
.page-id-2128 .nav-tabs > li.active > a, 
.page-id-2128 .panel-title.active > a, 
.page-id-2128 .panel-title.active > a span:after, 
.page-id-2128 .plan-accent.plan .plan-title > h3, 
.page-id-2128 .plan-accent.plan .plan-price .price { color:  !important; }
.page-id-2128 .style-accent-bg { background-color: ; }
.page-id-2128 .border-accent-color { border-color:  !important; }
 ***/