/*
Theme Name: the7dtchild
Author: Tigran Pnjoyan
Author URI: LiveDesigner.eu
Description: LD Labs Project: MegaDealMedia
Version: 1.1.3
License: © 2018 LiveDesigner.eu
Template: dt-the7
*/

/* HOMEPAGE AANPASSINGEN */

/* Klarna FIXX  */
body div.in3Widget.withLogo {
  padding: 05px 48px 2px 53px!important;
  margin: 10px 0 12px 0;
}
body div.in3Widget span.logo{
	left:-23px!important;
}
/* Productaantallen niet tonen */
.woocommerce-result-count {
    display: none;
}

/* Product prijzen blauw + groter */
.woocom-list-content .price *{
    color: #007c91;	
	
}
.woocommerce .product .price{

    font-size: 19px;
}
/* On sale rood maken */
.product .onsale{
    background-color: #c12600;
}

/* Specificatie-tabellen aanpassen */
.dwspecs-product-table table tr th, .dwspecs-product-table table tr td {

    vertical-align: middle;
    background-color: #f7f7f7;
	padding: 5px 5px 5px 5px;
    color: #4b4b4b;
    font-size: 1.083333333333333rem;
    font-weight: 400;
    border-bottom: 1px solid #fff;

}
/* Productomschrijving op productpagina zelf */
.content table {
    border-bottom: 1px solid transparent;
        border-bottom-color: transparent;
    width: auto;
    margin: 0 0 10px;
}
/* KORTE productomschrijving tables */


/* theme alteration */
.content td, .content th {
    padding: 0px 5px 0px 5px;
    width: 120px;
}
/* KORTE productomschrijving tables */
.ShortDescriptionTabALL{
	border: 1px;
	height: auto; 
	width: auto;
	font-size: 12px; 
	}

.ShortDescriptionTab-TH{
	color: #151515; 
	text-align: left;
	background-color: #cecece;	
	padding-right: 8px;
	padding-left: 8px;
}
.ShortDescriptionTab-TD{
	text-align: left;
	font-size: 11px;
	background-color: #E8E8E8;
		padding-right: 8px;
	padding-left: 8px;
	
}
/* Plaatjes van zoekresultaten ietsjes omlaag 
.post img, .textwidget img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {

    top: 15px;
}
*/

/* SIDEBAR AANPASSINGEN START v*/

/* Experiment: Cout-out product borders 
.woocom-project {

    position: relative;
    background-color: #bfc6c6;
    border-radius: 7px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-style: dashed;

}

/*
/* SIDEBAR Product filters aanpassing */
.pf_rngstyle_modern .irs-from, .pf_rngstyle_modern .irs-to, .pf_rngstyle_modern .irs-single {

    background: #007c91;
}

.side-banner{
	position: relative;
	margin-top: 25px;
	
}
.widget-title {
    font: normal 26px / 24px "Actor", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #333333;
	}

.prods-wrapper{
	
	background-image: url(https://www.megadealmedia.nl/wp-content/uploads/livedesigner/cats-icons/sidebarBG.png);
	background-repeat: no-repeat;
	position: relative;
	width: 257px;
	height: 590px;
	top: 10px;
	background-size: cover;
	margin-bottom: 25px;
}


.Artikelen {
  font-size: 30px;
  font-family: "Noto Sans";
  color: rgb(215, 215, 215);
 top: 38px;
	position: relative;
	text-align: center;
}

.lijntje {

	position: relative;
display: block;
	top: 48px;
 margin-left: auto;
    margin-right: auto ;
 

}
.cats-table{
	position: absolute;
	text-align: left;
	top:95px;
	left: 15px;
	font-size: 18px;
	font-family: "Noto Sans";
  color: rgb(215, 215, 215);
}

.cats-text {
  font-size: 18px;
  font-family: "Noto Sans";
  color: rgb(215, 215, 215);
	
}

.cats-images{
	
display: block;
margin: 0 auto;
height:50%;
}

/* SIDEBAR AANPASSINGEN END ^*/


/*
   _   _     _   _   _   _   _   _   _  
  / \ / \   / \ / \ / \ / \ / \ / \ / \ 
 ( L | D ) ( L | O | A | D | I | N | G )
  \_/ \_/   \_/ \_/ \_/ \_/ \_/ \_/ \_/ 

*/


.cssload-box-loading {
	width: 69px;
	height: 69px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.cssload-box-loading:before {
	content: '';
	width: 69px;
	height: 7px;
	background: rgb(33,33,33);
	opacity: 0.1;
	position: absolute;
	top: 81px;
	left: 0;
	border-radius: 50%;
	animation: shadow 0.58s linear infinite;
		-o-animation: shadow 0.58s linear infinite;
		-ms-animation: shadow 0.58s linear infinite;
		-webkit-animation: shadow 0.58s linear infinite;
		-moz-animation: shadow 0.58s linear infinite;
}
.cssload-box-loading:after {
	content: '';
	width: 69px;
	height: 69px;
	background: rgb(0,170,193);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	animation: cssload-animate 0.58s linear infinite;
		-o-animation: cssload-animate 0.58s linear infinite;
		-ms-animation: cssload-animate 0.58s linear infinite;
		-webkit-animation: cssload-animate 0.58s linear infinite;
		-moz-animation: cssload-animate 0.58s linear infinite;
}



@keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 4px;
	}
	25% {
		transform: translateY(12px) rotate(22.5deg);
	}
	50% {
		transform: translateY(25px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 55px;
	}
	75% {
		transform: translateY(12px) rotate(67.5deg);
	}
	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@-o-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 4px;
	}
	25% {
		-o-transform: translateY(12px) rotate(22.5deg);
	}
	50% {
		-o-transform: translateY(25px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 55px;
	}
	75% {
		-o-transform: translateY(12px) rotate(67.5deg);
	}
	100% {
		-o-transform: translateY(0) rotate(90deg);
	}
}

@-ms-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 4px;
	}
	25% {
		-ms-transform: translateY(12px) rotate(22.5deg);
	}
	50% {
		-ms-transform: translateY(25px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 55px;
	}
	75% {
		-ms-transform: translateY(12px) rotate(67.5deg);
	}
	100% {
		-ms-transform: translateY(0) rotate(90deg);
	}
}

@-webkit-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 4px;
	}
	25% {
		-webkit-transform: translateY(12px) rotate(22.5deg);
	}
	50% {
		-webkit-transform: translateY(25px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 55px;
	}
	75% {
		-webkit-transform: translateY(12px) rotate(67.5deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(90deg);
	}
}

@-moz-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 4px;
	}
	25% {
		-moz-transform: translateY(12px) rotate(22.5deg);
	}
	50% {
		-moz-transform: translateY(25px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 55px;
	}
	75% {
		-moz-transform: translateY(12px) rotate(67.5deg);
	}
	100% {
		-moz-transform: translateY(0) rotate(90deg);
	}
}

@keyframes shadow {
	0%,
	100% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1);
	}
}

@-o-keyframes shadow {
	0%,
	100% {
		-o-transform: scale(1, 1);
	}
	50% {
		-o-transform: scale(1.2, 1);
	}
}

@-ms-keyframes shadow {
	0%,
	100% {
		-ms-transform: scale(1, 1);
	}
	50% {
		-ms-transform: scale(1.2, 1);
	}
}

@-webkit-keyframes shadow {
	0%,
	100% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.2, 1);
	}
}

@-moz-keyframes shadow {
	0%,
	100% {
		-moz-transform: scale(1, 1);
	}
	50% {
		-moz-transform: scale(1.2, 1);
	}
}



/*

   _   _     _   _   _   _   _   _   _     _   _   _  
  / \ / \   / \ / \ / \ / \ / \ / \ / \   / \ / \ / \ 
 ( L | D ) ( L | O | A | D | I | N | G ) ( E | N | D )
  \_/ \_/   \_/ \_/ \_/ \_/ \_/ \_/ \_/   \_/ \_/ \_/ 


*/


/*CSS Effects Box Underline */
a.effect-underline{
	text-decoration: none;
	  color: rgb(215, 215, 215) !important;
	 display: inline-block;
	position: relative;
 
}
a.effect-underline:after {
	content: '';
  position: absolute;
  left: 2px;
  display: inline-block;
  height: 1em;
  width: 99%;
  border-bottom: 2px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	color: #00acc1 !important;
}
a.effect-underline:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/* SIDEBAR AANPASSINGEN END ^*/
.side-banner{
	top: 25px
}
.selling-points{
	
	
}
@media only screen and (max-width:680px) {
.prods-wrapper {
display: none !important;}
.selling-points {
display: none !important;}
}

/* WOOCOMMERCE AANPASSINGEN!! START v*/

/* Product eigenschappen wat breeder maken*/
.woocommerce-tabs .shop_attributes {
    padding: 20px 30px;
    border-collapse: separate;
    border: none;
    width: 35%;
}

/* border toevoegen aan randen kleine plaatjes in widgets v*/
.product_list_widget img, .woocommerce .wf-cell .product_list_widget img {
    border: solid;
    border-width: 2px;
    border-color: #007c91;

}
/* Prijslabels groter maken van de winkelmand ^*/
.woocommerce-cart-wrap .order-total .amount,
.woocommerce-cart-wrap .cart_totals h2 {
  font:    25px / 30px "Actor", Helvetica, Arial, Verdana, sans-serif;
}
/* Prijslabels groter maken van de producten op hun eigen pagina ^*/
.product .summary.entry-summary .price,
.product-category .woo-content-container > a h3,
.product-category .woocom-list-content > a h3,
#customer_login h2 {
  font:    25px / 30px "Actor", Helvetica, Arial, Verdana, sans-serif;
}
/* MENU AANPASSINGEN START v*/


/* Submenu (dropdown) aanpassen */
.sub-nav {
    background-color: #f4f4f4;
    border-radius: 5px;
	border-width: 2px;
	border-style: solid;
    border-color: #484848;
        border-top-color: rgb(72, 72, 72);
        border-right-color: rgb(72, 72, 72);
        border-bottom-color: rgb(72, 72, 72);
        border-left-color: rgb(72, 72, 72);
}

/* Shopping cart menu (drop down) aanpassen */
.shopping-cart-inner {
    overflow: hidden;
    width: 225px;
    padding: 15px 20px 10px;
    background-color: #f4f4f4;
	border-color: #484848;
	border:solid;
	border-radius: 5px;
	border-width: 2px;
    text-align: left;
   
}

/* MENU AANPASSINGEN END v*/



/* MAIN LOGO meer naar links uitlijnen v*/
.branding a img, .branding img {
    max-width: 100%;
    height: auto;
    position: relative;
    right: 25px;
}
/* FLOATING LOGO meer naar links uitlijnen v*/
.logo-box {
position: relative;
right: 25px;
}

/* Pijltje omhoog bij scrollen v*/
.scroll-top.on {
    right: 2px;
    opacity: 0.8;
  background-color: #00acc1;
}
.scroll-top.on:hover {

    opacity: 0.5;
  background-color: #212121;
}


/* Formuliertjes tweakingz v*/


/* Aanpassen default formulier AFREKENEN PAGINA*/
.outline-element-decoration .wc-order-review, .outline-element-decoration .wc-side-column {

    -webkit-box-shadow: inset 0px 0px 0px 1px #353535;
    box-shadow: inset 0px 0px 0px 3px #007c91;

}
.wc-order-review, .wc-side-column {
  width: 100%!important;
  background-color: var(--the7-content-boxes-bg);
  border-radius: 6px;
	margin-left:-20px!important;
}
.select {

    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="rgba(139,141,148,0.5)" x="0px" y="0px" width="8px" height="8px" viewBox="0 0 386.257 386.257" style="enable-background:new 0 0 386.257 386.257;" xml:space="preserve"><polygon points="0,96.879 193.129,289.379 386.257,96.879 "/></svg>');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;

}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, .wpcf7-number {

    height: 30px;

}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number {

    color: #000;
    border-width: 2px;
    border-color:#007c91;
    background-color: #fdfdfd;
border-radius: 1px;
        border-top-left-radius: 10px;
        border-top-right-radius: 1px;
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;

}


/* Afspraak planner tweakings START v */

.ea-bootstrap .col-sm-offset-4 {
    margin-left:0;
}

.ea-bootstrap .btn-primary {
  color: #fff;
  background-color: #00acc1 !important;
  border-color: #212121;
}
.ea-bootstrap .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #212121;
}


.MDM_veldvakje{
  border-bottom: 4px solid gray;
	opacity: 1;

}
.MDM_veldvakje :focus{

}
/*** MAIN FORM CONTAINER ***/
.caldera-grid {
    background-color: #FBFBFB;
    padding: 30px 25px 15px 25px;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);
 	border-radius: 1px;
        border-top-left-radius: 35px;
        border-top-right-radius: 1px;
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;
	border: solid;
	border-width: 2px;
	border-color: #00acc1;
}
/*** FIELD STYLING ***/
.caldera-grid .form-control {
    color: #212121 !important;
    background: rgba(255,255,255,0.75);
    border: solid;
	    border-width: 2px;
    border-color:#007c91;
	border-radius: 1px;
        border-top-left-radius: 10px;
        border-top-right-radius: 1px;
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;
    height: auto;
    padding: 10px 15px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1);
    transition: box-shadow .2s ease-in-out;
}
/*** BUTTON STYLING ***/
.caldera-grid input[type=submit] {
    text-transform: uppercase;
    padding: 10px 12px;
    border-radius: 2px;
    background: #484848;
    color: #fff;
    border: none;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);
    transition: box-shadow .5s ease-in-out;
}
/*** BUTTON HOVER STYLING ***/
.caldera-grid input[type=submit]:hover {
    background: #00acc1;
    color: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .3);
}
/*** PLACEHOLDER STYLING ***/
input::-webkit-input-placeholder {
    color: rgba(19,19,19,1.00)!important;

}
input:-moz-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
input::-moz-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
input:-ms-input-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
textarea::-webkit-input-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
textarea:-moz-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
textarea::-moz-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
textarea:-ms-input-placeholder {
    color: rgba(19,19,19,1.00)!important;
}
/*** TEXTAREA TRANSITION ***/
.caldera-grid textarea.form-control {
    height: 10em;
    transition: height .3s ease-out;
}
/*** TEXTAREA FOCUS HEIGHT ***/
.caldera-grid textarea.form-control:focus {
  
}
/*** APPLIES SHADOW TO FIELD SELECTED ***/
.caldera-grid .form-control:focus {
    box-shadow: 0 10px 40px 0 #007c91;
}