/* 
 Theme Name:     Diamantbrev
 Author:         Robin
 Author URI:     https://diamantbrev.se/
 Template:       Divi
 Version:        V.01
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.8.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #ffffff !important;
border: 1px solid #bbb !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 5px !important;
font-size: 11px;
color: #000000 !important;
padding: 17px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
	font-family: inherit;
}
.wpcf7-submit {
color: #ffffff !important;
margin: 14px auto 0;
cursor: pointer;
font-size: 13px;
font-weight: normal;
border-radius: 12px;
padding: 12px 50px;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
	font-family: Sharpsans semibold;
	float: right;
	line-height: 1.7em;
}
.wpcf7-submit:hover { 
background-color: #ffffff;   
}
.fname-formular {
	width: 100% !important;
float: left;
margin-right: 4% !important;
	margin-bottom: 3.5% !important;
	font-size: 14px;
	border: 1px solid #dddddd !important;
background-color: #fff !important;
border-radius: .25em !important;
	padding: 16px !important;
	}
.post-formular {
	width: 48% !important;
float: left;
margin-right: 4% !important;
	margin-bottom: 15px !important;
margin-top: 0px;
	}
.ort-formular {
	width: 48% !important;
float: left;
	margin-top: 0px !important;
margin-bottom: 15px !important;
	}
.adress-formular {
margin-bottom: 3.5% !important;
	}
.mail-formular {
margin-top: 0px !important;
	}
.wpcf7 p {
padding-bottom: 0em;
}
.wpcf7-response-output {
border: 0px !important;
width: 100%;
color: black;
	margin-top: 0px !important;
}
@media screen and (max-width: 768px) {
	.ort-formular {
margin-bottom: 3.5% !important;
		width: 100% !important;
	}
	}
@media screen and (max-width: 768px) {
	.post-formular {
margin-bottom: 3.5% !important;
		width: 100% !important;
			}
	}
	button.knapptvafyra {
padding-right: 15px !important;
padding-left: 15px !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
background-color: transparent;
border-style: solid !important;
border-color: #eeeeee;
border-radius: 8px !important;
		font-family: sharpsans semibold;
		border-width: 1.5px;
		}
	.gtext {
		font-size: 45px !important;
padding-top: 5px;
		color: #DFBD69;
			font-family: 'sharpsans bold' !important;
		}
@media screen and (max-width: 980px){
	.gtext {
	padding-bottom: 8px;
	}
	}
	.Ghtext {
		font-size: 20px !important;
padding-bottom: 25px;
		font-family: sharpsans semibold !important;
		color: #212121;
		line-height: 30px;
		}
	.active, .knapptvafyra:hover {
border-color: #212121 !important;
background-color: #212121 !important;
color: white;
	}
.knapptvafyra:active {
background-color: #212121;
	}
@media screen and (max-width: 768px) {
.wpcf7-submit {
	width: 100%
	}
	}
@media screen and (max-width: 375px) {
		button.knapptvafyra {
			padding-right: 10px !important;
padding-left: 10px !important;
				}
	}
#et-secondary-menu {
float: none;
text-align: center !important;
}
#fbuilder .medium {
border: 1px solid #a9a9a9;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
border-radius: 5px;
font-size: 12px;
	-webkit-appearance: none;
	margin-top: 10px;
	}
#fbuilder .fields {
text-align: center;	
}
#fbuilder .fform {
text-align: center;	
	margin-bottom: 30px;
}
#fbuilder legend {
text-align: center;	
}
#fbuilder .pbNext {
	margin-right: auto !important;
	margin-left: auto !important;
	width: 100px;
	float: none !important;
text-align: center;
	margin-bottom: 10px !important;;
margin-top: 20px !important;
	background: #202020!important;
color: #fff!important;
	border-radius: 26.5px;
}
#fbuilder .pbPrevious {
text-align: center;
	margin-bottom: 10px !important;;
margin-top: 20px !important;
	background: #bababa!important;
color: #fff!important;
	border-radius: 26.5px;
	}
#fbuilder input[type=text] {
font-size: 20px !important;
text-align: center!important;
	margin-bottom: 3px;
}
#fbuilder .pbSubmit {
background-color: black !important;
border: 1px solid black;
color: #ffffff !important;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
font-family: sharp sans;
font-size: 13px;
border-radius: 26.5px;
	float: none !important;
text-align: center;
	width: 200px;
margin-left: auto !important;
margin-right: auto !important;

}
@media screen and (max-width: 768px) {
#fbuilder .dfield {
width: 80% !important;
margin-right: auto;
margin-left: auto;
		}
		}
input[type="button"] {
background-color: black !important;
border: 1px solid black;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
font-family: sharp sans;
font-size: 13px;
border-radius: 26.5px;
}
#fbuilder .cpefb_error:after {
	background: none !important;
	}
#fbuilder .cpefb_error {
	background: #ffffff !important;
position: relative !important;
width: 300px !important;
margin-left: auto !important;
margin-right: auto !important;
	color: black !important;
	}
#et-top-navigation .et_pb_button {
    margin-top: 0px;
    font-size: inherit;
    font-weight: inherit;
}
 
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}
@media screen and (max-width: 768px) {
#et-top-navigation .et_pb_button {
text-align: center;
	display: block !important;
	width: 90% !important;
	}
	}
#et-top-navigation {
font-weight: 100;
}
@media screen and (max-width: 768px) {
.page-id-27468 .et_pb_row .et_pb_column.et_pb_column_1_4 {
width: 50% !important;
}
	}
	.oavtext {
		font-size: 11px !important;
padding-top: 15px;
		padding-bottom: 20px;
		font-family: sharpsans semibold;
color: #212121;
		}
.wpcs_tab {
width: 140px!important;
bottom: 20px!important;
right: 20px!important;
transform: none!important;
border-radius: 26.5px!important;
	top: unset!important;
	font-family: sharp sans;
	border: 1px solid #000000!important;
	line-height: 30px!important;
	padding: 0px 0!important;
	}
.wpcs_content_main {
	height: 450px!important;
	top: unset!important;
bottom: 0px !important;
	margin-right: 0px!important;
margin-bottom: 20px!important;
	border-radius: 5px!important;
	}
.wpcs_close_slider_icon {
	background: #cacacaff!important;
	border-radius: 5px!important;
		}
@media screen and (max-width: 768px) {
#salertWrapper .popup_position .salert-content-wrap {
text-align: left;
padding-right: 25px;
	padding-top: 5px;
}
	}
#salertWrapper .popup-item {
box-shadow: none !important;
}
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}
.wpcf7-submit {
	border-style: none;
background-image: linear-gradient(89deg, rgba(184, 162, 100, 0.91) 46%, rgba(163, 137, 81, 0.91));
	}
.adress-formular {
float: left;
margin-right: 4% !important;
margin-bottom: 3.5% !important;
width: 100% !important;
font-size: 14px;
color: #212121 !important;
padding: 16px !important;
box-sizing: border-box;
font-family: inherit;
	border: 1px solid #dddddd !important;
background-color: #fff !important;
border-radius: .25em !important;
}
.mail-formular {
	float: left;
margin-right: 4% !important;
margin-bottom: 3.5% !important;
width: 100% !important;
font-size: 14px;
color: #212121 !important;
padding: 16px !important;
box-sizing: border-box;
font-family: inherit;
	border: 1px solid #dddddd !important;
background-color: #fff !important;
border-radius: .25em !important;
	}
.ort-formular {
font-size: 14px;
color: #212121 !important;
	border: 1px solid #dddddd !important;
background-color: #fff !important;
border-radius: .25em !important;
	padding: 16px !important;
	}
.post-formular {
font-size: 14px;
color: #212121 !important;
	border: 1px solid #dddddd !important;
background-color: #fff !important;
border-radius: .25em !important;
	padding: 16px !important;
	}
@media (max-width: 479px) {
.page-id-25420 .et_pb_row .et_pb_column.et_pb_column_1_4 {
width: 50%!important;
}
}	
@media screen and (max-width: 768px), screen and (max-width: 768px), screen and (max-width: 768px), screen and (max-width: 768px), screen and (max-width: 768px), screen and (max-width: 768px) {
.et_header_style_centered #logo {
width: 50% !important;
}
	}
@media (max-width: 479px) {
.page-id-62 .et_pb_row .et_pb_column.et_pb_column_1_4 {
width: 50%!important;
}
}
.vc_row .wpb_column .cost-calculator-box.cost-calculator-summary-box {
text-align: center;
	background-color: #f7f7f7 !important;
}
.cost-calculator-summary-price {
font-family: sharpsans semibold !important;
	color: #000000 !important; 
}
@media screen and (max-width: 479px), screen and (max-width: 768px) {
.cost-calculator-summary-price {
font-size: 40px !important;
	margin-top: -20px;
}
	}
.calc-container .calc-list.loaded {
min-height: 100px !important;
}
@media screen and (max-width: 479px), screen and (max-width: 768px) {
.calc-container {
padding: 0 0px !important;
}
}
@media screen and (max-width: 479px), screen and (max-width: 768px) {
.calc-container .calc-list.loaded {
padding-left: 30px !important;
padding-right: 30px !important;
}
	}
@media screen and (max-width: 768px){
#Guldny .cost-calculator-box, body #Guldny .vc_row .cost-calculator-box, #Guldny .vc_row .wpb_column .cost-calculator-box {
padding: 19px 25px 25px !important;
}
	}
@media screen and (max-width: 768px){
.cost-calculator-container .vc_col-sm-4 {
padding-right: 15px!important;
padding-left: 15px!important;
}
	}
@media screen and (max-width: 768px){
.cost-calculator-container .vc_col-sm-8 {
padding: 0px 10px!important;
}
	}
.cost-calculator-box .ui-slider .ui-slider-handle {
width: 20px!important;
height: 20px!important;
top: -5px!important;
border: 0px!important;
	background: #212121!important;
}
.cost-calculator-box .ui-slider .ui-slider-handle::after {
content: none!important;
}
@media screen and (max-width: 768px){
.cost-calculator-row {
display: inline!important;
}
#Guldny .cost-calculator-box .ui-slider-handle .cost-slider-tooltip .cost-calculator-value {
	display: none!important;
	}	
}
#Guldny .cost-calculator-box .ui-slider-handle .cost-slider-tooltip .cost-calculator-value {
	display: none!important;
	}
/*** Costcalculatorn ***/
#Guldny .cost-calculator-box.cost-calculator-transparent, body #Guldny .vc_row .cost-calculator-box.cost-calculator-transparent, #Guldny .vc_row .wpb_column .cost-calculator-box.cost-calculator-transparent {
background-color: rgba(250, 250, 250, 0) !important;
	padding-left: 0!important;
text-align: left!important;
}
/*** Costcalculatorn ***/
.cost-calculator-summary-box.cost-calculator-after-border::after {
margin-left: 0!important;
	margin-top: 24px!important;
}
/*** Costcalculatorn ***/
.cost-calculator-container .vc_col-sm-8 {
padding: 0px 60px;
}
/*** Costcalculatorn ***/
.cost-calculator-container .vc_col-sm-4 {
padding-right: 60px;
	line-height: 1.4!important;
}
/*** Costcalculatorn ***/
.slider-boxcalc {
	margin-top: 20px!important;
	}
/*** Costcalculatorn ***/
.cost-calculator-row {
align-items: center!important;
}
/*** Costcalculatorn ***/
.calculator-tabs .et_pb_tabs_controls li {
width: 50%!important;
	border: 0px!important;
}
/*** Costcalculatorn ***/
ul.et_pb_tabs_controls {
background-color: #fafafa!important;
	text-align: center!important;
}
.calculator-tabs .et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {
border-bottom: 2px solid #eaeaea!important;
}
@media screen and (max-width: 767px){ /*change device breakpoint here depending on the number of tabs you have*/
.calculator-tabs .et_pb_tabs_controls li {
    width: 100%!important;
  text-align: center!important;
}
}
/*** Costcalculatorn ***/
@media screen and (max-width: 768px){
ul.et_pb_tabs_controls {
display: flex!important;
}
	}
@media screen and (max-width: 768px){
.calculator-tabs .et_pb_tabs_controls li a {
	display: inline!important;
	padding: 0px!important;
}
	}
.calculator-tabs .et_pb_tabs_controls li.et_pb_tab_active a {
font-family: sharpsans bold !important;
}
.cost-calculator-summary-price {
font-size: 45px!important;
	font-family: sharpsans bold !important;
	color: #DFBD69!important;
}
.minibox-calc {
background-color: #212121!important;
padding: 20px!important;
	color: white;
	font-size: 13px;
}
.cost-calculator-box .ui-slider-handle .cost-slider-tooltip .cost-calculator-arrow {
display: none!important;
}
.cost-calculator-box.cost-calculator-transparent, body .vc_row .cost-calculator-box.cost-calculator-transparent, .vc_row .wpb_column .cost-calculator-box.cost-calculator-transparent {
padding-bottom: 30px !important;
	padding-right: 24px !important;
	padding-top: 30px !important;
}
.page-id-43555 .et_pb_tabs .et_pb_tab.et_pb_tab_0 {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
@media only screen and (max-width: 767px) {
.page-id-43555 .et_pb_row_2.et_pb_row {
padding-top: 20px!important;
margin-top: 0px!important;
}
	}
.fname-formular::placeholder {
	color: #424242;
	}
.adress-formular::placeholder {
	color: #424242;
	}
.ort-formular::placeholder {
	color: #424242;
	}
.post-formular::placeholder {
	color: #424242;
	}
.mail-formular::placeholder {
	color: #424242;
	}
.wpcf7 {
	font-family: sharpsans medium;
	}
@media (max-width: 980px) {
.et_header_style_centered .et_menu_container .mobile_menu_bar {
position: fixed!important;
right: 20px!important;
top: 40px!important;
z-index: 9999999;
width: 10%;
}
	}
@media (max-width: 980px) {
.chi_dmm_styles.et_header_style_centered #main-header .mobile_nav {
background-color: transparent !important;
}
	}
.md img {
width: 65% !important;
	display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 980px) {
.md img {
width: 100% !important;
padding-top: 10px;
}
	}
.wpcf7-not-valid-tip {
color: white !important;
	display: none !important;
}