/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */

html{
	background: #6e97b5;
}

#main-content{
	background: linear-gradient(to bottom, #A3C52D 0%, white 100%);
    background-size: cover;
}

.et_pb_section .et_pb_row.row_diagonal_background{
	-webkit-clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%);
}

.info_title{
	clear: both;
}

.info_video{
	float: left; 
	clear: both;
}

.info_text{
	float: right;
}

.questions_info .et_pb_button_module_wrapper{
	top: 50%;
	transform: translateY(-50%);
}

/* WooCommerce producten */

.single_product form label{
	color: #000000;
	font-weight: 700;
	width: 100%;
	display: block;
}

.single_product form input{
	border-radius: 10px;
	padding: 5px 10px;
	display: inline-block;
	border: 2px solid #555555;
	background: #f1f1f1;
	color: #555555;
}

.single_product form select.moerstaal-domain-select{
	border-radius: 10px;
	padding: 5px 10px;
	border: 2px solid #555555;
	background: #f1f1f1;
	color: #555555;
}

.single_product form button.moerstaal-add-domain-to-cart{
    display: block;
    margin-top: 25px;
    border-radius: 50px;
    padding: 10px 20px;
    color: #006eb5;
    border: 2px solid #006eb5;
    background: #ffffff;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
	transition: 0.25s;
}
.single_product form button.moerstaal-add-domain-to-cart:hover{
    color: #ffffff;
    background: #006eb5;
}

/* WooCommerce Checkout */

.thwcfd-field-radio .woocommerce-input-wrapper{
	display: flex;
}

/* WooCommerce My-Account */

.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation{
	border-right: 1px solid #f1f1f1;
}

.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation ul{
	padding: 0;
}

.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation ul li{
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 0;
}

.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation ul li:first-child{
	border-top: 1px solid #f1f1f1;
}

.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
	color: #006eb5 !important;
	text-transform: uppercase;
}
.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
	color: #fcad0f !important;
}
.my-account_container .woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover{
	text-decoration: underline;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content mark{
	background: transparent;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content a:hover{
	text-decoration: underline;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content table.order_details button#editmeta, 
#editmetaform form input[type="submit"]{
	border-radius: 50px;
    padding: 5px 20px;
    color: #006eb5;
    border: 2px solid #006eb5;
    background: #ffffff;
    font-weight: 700;
    font-size: 16px;
    transition: 0.25s;
	cursor: pointer;
}
.my-account_container .woocommerce .woocommerce-MyAccount-content table.order_details button#editmeta:hover, 
#editmetaform form input[type="submit"]:hover{
	color: #ffffff;
	background: #006eb5;
}

#editmetaform{
	display: none;
    padding: 100px 50px;
    background: #ffffff;
    border: 2px solid #555555;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-width: 640px;
}

#editmetaform form{
	text-align: center;
}

#editmetaform form h4{
	text-align: left;
}

#editmetaform form input[type="email"]{
	width: 100%;
	border: 1px solid #555555;
	margin-bottom: 25px;
}

#editmetaform button.close{
	position: absolute;
    top: 0;
    right: 0;
    border: 0;
    border-left: 1px solid #555555;
    border-bottom: 1px solid #555555;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content table.subscription_details tbody tr{
	display: none;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content table.subscription_details tbody tr:first-child{
	display: table-row;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content table.subscription_details tbody tr:nth-child(2){
	display: table-row;
}

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit,
.my-account_container .woocommerce .woocommerce-MyAccount-content table a.woocommerce-button,
.my-account_container .woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button{
    border-radius: 50px;
    padding: 5px 20px;
    color: #006eb5 !important;
    border: 2px solid #006eb5;
    background: #ffffff;
    font-weight: 700;
    font-size: 16px;
	transition: 0.25s;
}
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
.my-account_container .woocommerce .woocommerce-MyAccount-content table a.woocommerce-button:hover,
.my-account_container .woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button:hover{
	color: #ffffff !important;
    background: #006eb5;
	text-decoration: none;
}
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit::after,
.my-account_container .woocommerce .woocommerce-MyAccount-content table a.woocommerce-button::after,
.my-account_container .woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button::after{
	display: none;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details{
	margin-top: 25px; 
}

.my-account_container .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td ul.wc-item-meta{
	padding: 0;
}

.my-account_container .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td ul.wc-item-meta li{
	display: flex;
}

/* MOERSTAAL ITEMS STYLING */

ul.moerstaal-domains-list {
  list-style: none;
  padding: 0;
}

.home_domains_overview ul.moerstaal-domains-list li.moerstaal-domain-item a{
	color: #ffffff;
	line-height: 2.5;
}

ul.moerstaal-domains-list li.moerstaal-domain-item a{
	color: #334862;
	text-decoration: none;
}

.moerstaal-domain-item::before {
  content: "\f003"; /* FontAwesome Unicode */
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.moerstaal-domain-item:hover {
	transform: translateX(10px);
}

.moerstaal-search-form {
	padding: 50px 30px !important;
	background: rgb(193, 36, 11) !important;
	margin: 0 auto !important;
	background-color: #006EB5 !important;
	max-width: 1050px;
}

.moerstaal-search-input {
	max-width: 500px !important;
	margin: auto !important;
	display: block !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    transition: color .3s, border .3s, background .3s, opacity .3s;
}

.moerstaal-search-button {
	margin: auto !important;
	display: block !important;
	color: white !important;
	background-color: rgba(210, 68, 46, 0.96) !important;
	padding-bottom: 7px !important;
	position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}

.moerstaal-search-form:before {
	content: 'Voer de naam/tekst naar keuze in vóór het @-teken en klik op de knop om alle beschikbare namen te zien!';
	color: white !important;
	font-family: 'calibri' !important;
	font-size: 20px !important;
	max-width: 500px !important;
	display: block !important;
	margin: auto !important;
	text-align: center !important;
}

.moerstaal-result {
	float: right;
}

.moerstaal-column {
	background: white !important;
	border-radius: 15px;
	box-shadow: inset 0 0 5px 3px rgba(0,0,0,.3);
	border: 1px solid white;
}

ul.moerstaal-domains-list.search-results.item-bezet {
	color: red !important;
	text-decoration: line-through !important;
}

ul.moerstaal-domains-list.search-results .item-vrij a {
	color: green;
	font-weight: bold;
}

@media (min-width: 981px){
	header .header_mainmenu{
		width: fit-content !important;
		background: linear-gradient(to bottom right, #F3A300 0%, #c68400 100%);
	}
	header .header_mainmenu ul.et-menu.nav{
		margin-left: 0;
		margin-right: 0;
	}
	header .header_mainmenu li{
		margin: 0 !important;
		padding: 0 !important;
	}
	header .header_mainmenu ul.et-menu.nav li{
		border-right: 1px solid rgba(255,255,255,0.8);
	}
	header .header_mainmenu ul.et-menu.nav a{
		padding: 4px 10px !important;
	}
}

@media only screen and (max-width: 500px) {
	.moerstaal-column .col-inner {
		padding: 5px !important;
	}
}

@media only screen and (max-width: 900px) {
	.moerstaal-column, div.overzicht-kolom-resultaten {
		max-width: 100%;
		flex-basis: 100%;
		padding-left: 15px !important;
		margin-top: 20px;
	}
}