/*
Theme Name: webbreklam
Version: 1.0.0
Template:  Divi
Author: HS Webb- & Reklambyrå
Author URI: http://www.webb-reklam.se
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
	font-family: 'cgothic';
	font-display: auto;
	src: url('fonts/cgothic.eot');
	src: local('cgothic'), url('fonts/cgothic.woff') format('woff'), url('fonts/cgothic.ttf') format('truetype');
}


#main-header {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 0px !important;
}

/* MENY */

#top-menu li a {
    font-weight: normal !important;
    text-transform: uppercase !important;
	transition: none !important;
	-webkit-transition: none !important;
    -moz-transition: none !important;
	opacity: 1 !important;
}

#top-menu li > a {
    padding: 35px 0;
}

#top-menu li a:hover, #top-menu li a:active, #top-menu li a:focus {
	color: #ef7f1a !important;
	opacity: 1 !important;
}

#top-menu li li {
  padding: 0 !important;
}

#top-menu li li a {
    width: 200 !important;
    padding: 10px 20px !important;
    margin: 0 auto !important;
    text-transform: none !important;
    font-size: 15px !important
}

.nav li li {
    line-height: 20px !important;
}

.et-pb-active-slide .et_pb_slide_description, .et_pb_module, .et_pb_blog_grid, .et_pb_post {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}

/* SIDA */


.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
    font-size: 52px; line-height: 58px !important;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 1px 3px #000000;
}

h2 {
	font-family: 'cgothic' !important;
    line-height: 30px;
}

h3 {
    line-height: 26px;
}

h4 {
    line-height: 22px;
}

.redbgtext h1 {
	padding: 4px 6px !important;
	background: red !important;
	display:inline;
    white-space:pre-wrap;
	line-height: 150% !important;
}

a.erbj:hover, h2 a.erbj:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	border-bottom: none !important;
}


/* KONTAKT */

.et_pb_contact_field_options_title {
  display: none !important;
}

.et_pb_contact p input[type="checkbox"] + label i {
    margin-right: 12px;
	border: 2px #e2e2e2 solid !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #999 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
}

.et_pb_contact p input[type="checkbox"] + label i:focus {
	border: 2px #ef7f1a solid !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}

.et-pb-contact-message, et-pb-contact-message p {
    color: #000000 !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}

.et_pb_contact p input, .et_pb_contact p textarea, input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, .ds_style_cf7 .wpcf7-text, .ds_style_cf7 .wpcf7-textarea, .ds_style_cf7 .wpcf7-captchar, select, .et_password_protected_form p input {
    font-family: Arial, "Open Sans", sans-serif !important;
    width: 100% !important;
    padding: 16px !important;
    border: 2px #e2e2e2 solid !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #999 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
}

.et_pb_contact p input:focus, .et_pb_contact p textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus, .ds_style_cf7:focus .wpcf7-text:focus, .ds_style_cf7:focus .wpcf7-textarea:focus, .ds_style_cf7 .wpcf7-captchar:focus, select:focus, input:focus, .ds_style_cf7 .wpcf7-textarea:focus {
    border: 2px #ef7f1a solid !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    padding: 16px !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
    background-color: #ffffff !important;
    border: 2px solid #000000;
    color: #000000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 20px;
    font-family: "Open Sans", Arial, sans-serif;
	text-transform: uppercase;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover, div.wpforms-container-full .wpforms-form button[type="submit"]:focus {
    background-color: #ef7f1a !important;  
    border: 2px solid #000000;
    color: #000000 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    vertical-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}


.post-password-required .et_password_protected_form {
	margin: 80px auto;
	max-width: 800px;
}

/* BILDER */

img a:hover {
    padding-bottom: none !important;
    border-bottom: none !important; 
}

.et_pb_text img a:hover, .post-content img a:hover, img a:hover, .et_pb_blog_grid .et_pb_image_container img a:hover, .et_pb_image_container img a:hover, .et_pb_post a img a:hover, .et_pb_post .entry-featured-image-url a:hover, a.entry-featured-image-url:hover, textwidget a:hover img, .footer-widget img a:hover, .et_pb_widget img a:hover {
    padding-bottom: none !important;
    border-bottom: none !important; 
}

/* SÖK */

.et_search_form_container input {
    font-weight: normal !important;
}



/* NYHETER */

#left-area .post-meta {
    /*border-bottom: 2px solid #ef7f1a;*/
	/*background: #ef7f1a !important;*/
	/*padding: 3px 5px !important;*/
	border-bottom: none !important;
	border-top: 2px solid #ef7f1a !important;
}


.et_pb_post h2, .et_pb_portfolio_item h2, .et_pb_title_container h1 {
    font-size: 32px;
}

.serif {
    text-align: center; 
    font-family: times new roman,times,serif; 
    color: rgb(239, 127, 27);
    font-size: 42px;
}

.et_pb_blurb h4 {
    padding-bottom: 15px;
}


/* PORTFOLIO */

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
    font-size: 14px !important;
    line-height: 18px !important;
}

.et_portfolio_image {
    border: 1px solid #000000;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.et_portfolio_image:hover {
    -webkit-filter: none;
    filter: none;
}

.et_portfolio_image img {
	height: 203px !important;
	max-height: 203px !important;
	min-height: 203px !important;
	width: 100% !important;
}

.et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_portfolio_grid .et_pb_portfolio_item .et_pb_module_header, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header {
	margin: 0;
	padding: 10px;
	background: #000000;
	color: #ffffff !important;
}

.et_pb_portfolio_item .et_pb_module_header a, .et_pb_portfolio_item .et_pb_module_header a:hover {
	color: #ffffff !important;
}

div.et_pb_portfolio_item.et_pb_grid_item {
	margin-bottom: 40px !important;
}




.et_pb_column_1 .logobild {
	opacity: 0.3 !important;
}


.wp-pagenavi span.current, .wp-pagenavi a:hover {
    color: #ef7f1a !important;
}



tr td {
    border: 1px solid #d9d9d9;
}

.et_pb_post .entry-content {
    margin-bottom: 100px;
}

.entry-content tr td {
    padding: 12px !important;
}

.et_pb_posts a.more-link {
  padding-top: 12px !important;
}



h5.et_pb_toggle_title {
    font-weight: 700;
    font-size: 20px;
}




/** WIDGET **/

a.nounderline, a:hover.nounderline, .nounderline a:active, .nounderline a:current {
  text-decoration: none !important;
  border-bottom: none !important;
}

.et_pb_widget {
    min-width: 100%;
}

.et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget {
	
}

#sidmeny-nyheter .et_pb_widget {
	margin-bottom: 20px !important;
}

.et_pb_widget ul li {
    margin-left: 6px !important;
	padding-left: 14px !important;
}

.et_pb_widget ul li::before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #ef7f1a;
    content: '9';
    /*top: 0;*/
    border: 0;
	margin-left: -20px;
	padding-right: 3px !important;
    position: absolute;
}



.red-offer {
	margin-top: 20px;
	padding: 2px 3px;
	background: red;
	text-align: center !important;
	width: 100% !important;
	-webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
	text-align: center !important;
}

.red-offer-link {
	color: #ffffff !important;
	font-size: 16px;
	text-align: center !important;
	padding-left: 3px;
	/*font-weight: 600;*/
	line-height: 1.9em;
}


/** FOOTER **/

.footer-text-hs {
    font-size: 48px;
    line-height: 50px;
    background-color: #363839;
    border-bottom: 12px solid #E9EAEE;
}

.footer-text-hswebb {
    font-size: 40px; 
    line-height: 50px; 
    background-color: #000000; 
    border-bottom: 12px solid #E9EAEE; 
    color:#ffffff; 
    padding: 63px 10px 60px;
    margin-bottom:20px;
	font-family: 'cgothic' !important;
}

.footer-text-hswebb a:hover {
	border-bottom: 2px solid #ef7f1a !important;
}

#footer-widgets .footer-widget li {
    left: 6px;
}

#footer-widgets .footer-widget li a {
    color: #545454 !important;
}

div.textwidget h4 a:hover, div.textwidget p a:hover, .widget_nav_menu a:hover, .widget_recent_entries a:hover, #footer-widgets .footer-widget li a:hover {
    color: #000000 !important;
    border-bottom: 1px solid #ef7f1a !important; 
}



#footer-widgets img a:hover {
    padding-bottom: none !important;
    border-bottom: none !important; 
}

div.textwidget img a:hover {
    padding-bottom: none !important;
    border-bottom: none !important; 
}

#footer-widgets .footer-widget li::before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
	color: #ef7f1a;
    content: '9';
    top: 0;
    border: 0;
    margin-left: -6px;
    position: absolute;
}

p#footer-info a:hover, #footer-bottom .et-social-icon a:hover {
	opacity: 1 !important;
	color: #ef7f1a !important;
}

#footer-widgets {
    padding-top: 6% !important;
}

.et-social-facebook a.icon::before {
	content: "\e0c1" !important;
}

.et-social-facebook a.icon:hover {
	box-shadow: 0px 2px 18px 0px rgba(255,255,255,0.6) !important;
}


#footer-bottom .et-social-icon a {
	font-size: 26px !important;
	color: #ef7f1a !important;
}


#footer-bottom a {
	-webkit-transition: none !important;
	transition: none !important;
}






/** MOBIL **/

@media all and (max-width: 980px) {
	
.et_pb_slider .et_pb_container { width: 100%; }

.et_pb_post h2, .et_pb_portfolio_item h2 { font-size: 22px; }
h2 { font-size: 18px; line-height: 22px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }
.serif { font-size: 24px; }
.et_right_sidebar #sidebar { display: none !important; }
.footer-text-hswebb { font-size: 30px; }

.et_mobile_menu li a { display: block; padding: 10px 5%; border-bottom: none; color: #ffffff !important; }
.nav li li a, .et_mobile_menu li a { font-size: 16px; }
.mobile_menu_bar::before { color: #ee7e19 !important; }
.ds_mobile_side_dark .mobile_nav.opened #mobile_menu { background: #000000 !important; }
.ds_mobile_side_dark .et_mobile_menu li a { color: #ffffff !important; }
.ds_mobile_side_dark .et_mobile_menu li li a { color: #ee7e19 !important; }
.ds_mobile_side_dark .et_mobile_menu li li li a { color: #ffffff !important; }

}


@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
.container { width: 98% !important; }
.et_fullwidth_nav #main-header .container {
    padding-right: 0px;
    padding-left: 0px;
}
}