/* 
 Theme Name:     View Stockholm Offer
 Author:         View Stockholm
 Author URI:     https://viewstockholm.com
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme for View Stockholm Offer
 Wordpress Version: 5.3.2
*/ 


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

.mobile_menu_bar:after, .et_toggle_slide_menu:after 
{
	color: #fff !important;
	background: #000 !important;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a { 
font-weight: 900;
padding-left: 10px;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a::before {
  content: "\2192";
}

.et_slide_in_menu_container #mobile_menu_slide li a {
	line-height: 1em !important;
}

#et-top-navigation .mobile_menu_bar:before{
    color:white !important;
}

/* CONTACT FORM 7 */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea 
{
background: #f7f7f7;
color: #333;
font-size: 16px;
padding: 10px; 
width: 100%;
}

.wpcf7-form {
	text-align: left !important;
}

.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 textarea:hover {
	background: #f7f7f7;
	border-color:#333;
} 

	
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] 
{
background-color:#5c8cb2;
border: none;
color: #ffffff;
font-size: 16px;
letter-spacing: 2px;
font-weight: 600;
	float: right;
text-transform:uppercase;
width: 100%;	
padding: 20px 25px 20px 25px;
    border-radius: 60px;
    position: relative;
}

.wpcf7 input:hover {
	background-color:#2e4668;
	border: none;
}

span.wpcf7-list-item { display: block; }

span.wpcf7-list-item-label { padding-top: 5px; padding-left: 5px; }

h2 { font-size: 30px; font-weight: 900; padding-top: 20px; padding-bottom: 20px; }

hr { border-top: 3px dotted #ccc; margin-top: 20px; margin-bottom: 30px; }

@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}}

/*add text centered over image*/

.arkitekter-text-image .et_pb_image_wrap:before {
   content: "This Is The Headline";
   line-height: 1.3em;
   z-index: 9999;
   position: absolute;
   top: 40%;
   left: 50%;
   width: 80%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   color: #ffffff;
   padding: 12px 24px;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
   border-radius: 50px;
   transition: all .5s ease;
}

.arkitekter-text-image .et_pb_image_wrap:after {
   content: "If you want to, you can adjust the position of this text to the top left or bottom or whatevery you want.";
   line-height: 1.3em;
   z-index: 9999;
   position: absolute;
   top: 55%;
   left: 50%;
   width: 80%;
   transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   color: #ffffff;
   padding: 12px 24px;
   font-size: 20px;
   border-radius: 50px;
   transition: all .5s ease;
   text-align: center;
}


/*this changes the opacity of the image*/

.arkitekter-text-image img {
   -webkit-filter: opacity(40%);
   /* Safari */
   filter: opacity(40%);
   margin-top: -1px;
}

/*---------- PRICING TABLES ----------*/ 

.et_pb_pricing .et_pb_pricing_content_top {
border-bottom: none;
}
.et_pb_pricing .et_pb_pricing_content_top {
padding-bottom: 0;
}

.et_pb_pricing .et_pb_pricing_content {
padding-top: 5px;
}

.et_pb_pricing_content_top { display: none; }

#price-row  .et_pb_column .et_pb_pricing_table {
width: 23%;
margin-right: 2%;
}

@media only screen and (min-width: 981px) {
.et_pb_pricing_table_wrap {
    align-items: normal;
}}

et_pb_blurb_0 .et_pb_main_blurb_image .et-pb-icon {
	padding-top: 15px!important;
    padding-right: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 15px!important;
}