/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
/* ----- ----- Färger ----- -----
Orange: #F3920A
Grå: #707070


----- ----- */


/* ----- ----- General ----- ----- */
/* Headings */
h1 { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 900; text-transform: uppercase;}
h2 { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 900; text-transform: uppercase; line-height: 1.2em;}
h3 { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 500; }

/* Paragraphs */
p { font-size: 1.1em; }

/* Links */
a { color: #F59335; }
a:hover { text-decoration: underline; }

/* General classes */
.white { color: #fff; }
.small-margin { margin-bottom: 5px; padding-bottom: 0px; }
.no-margin { margin-bottom: 0px!important; }
.text-center-align { text-align: center; }
.citat { font-style: italic; }
.max-800 { width: 100%; max-width: 800px; }
.link-underline { text-decoration: underline; }
.link-underline:hover { font-weight: 700; }

/* Knappar */
.et_pb_button { background: #F3920A; width: 150px; border: none; color: #fff!important; font-family: 'Montserrat', 'sans-serif'; font-size: 16px;  }
.winloss-button, .hs-submit .actions .hs-button { background: #F3920A; width: 150px; text-align: center; color: #fff!important; font-family: 'Montserrat', 'sans-serif'; font-size: 16px; padding: 10px 0px; border-radius: 3px; }
.winloss-button:hover { background: #FFAB5B; }
.button-center { display: block; margin: 0px auto; }
.button-wide { width: 200px; }

.et_pb_button::after { display: none; }
.et_pb_button:hover {  }

/* Sidhuvud */
.sidhuvud { background: #303A4F; background-color: #303A4F!important; }

/* ----- ----- Meny ----- ----- */
/* Själva menyknapparna */
.et_header_style_left #et-top-navigation nav>ul>li>a { font-family: 'Montserrat',Sans-Serif; font-size: 16px; color: #101010; padding-bottom: 0px; font-weight: 700; }
ul#top-menu { padding-bottom: 25px; }
#top-menu li { padding: 5px 20px; border-right: 0.5px solid #707070; font-weight: 500; }
#top-menu li:hover { text-decoration: underline; }
#top-menu li#menu-item-21, #top-menu li#menu-item-22 { border-right: none; }
#top-menu li#menu-item-22 { padding: 12px 0px; background: #F59335; width: 150px; text-align: center; border-radius: 5px; margin-left: 15px; }
#top-menu li#menu-item-22 a { color: #fff; }

.nav li ul.sub-menu { margin-top: 5px; padding: 0px!important; border-top: 3px solid #303A4F; }
.nav li ul.sub-menu li { padding: 0px!important; border-right: none!important; width: 100%; display: block; }
#top-menu.nav li ul.sub-menu li a { width: 100%; padding: 12px 20px; }

.et_mobile_menu { border-top: 3px solid #303A4F; }
.mobile_menu_bar::before { color: #F3920A; }

.et_mobile_menu .menu-item-has-children>a { background: none; }

/* Aktiv länk */
#top-menu li.current-menu-item>a, .mobile_nav #mobile_menu li.current-menu-item>a  { color: #707070; text-decoration: underline; background: rgba(0,0,0,0.03); }

/* Sökikonen */
#et_top_search { margin-top: 15px; }

/* Fixed menu */
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a { padding-bottom: 0px; }
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul { padding-bottom: 18px; }

/* ----- ----- HubSpot ----- ----- */
/* E-post, boka personlig demo */
.no-list.hs-error-msgs.inputs-list { display: none!important; }
ul.inputs-list { list-style-type: none; padding: 0px; }
.hs-fieldtype-booleancheckbox { margin-top: 8px; }

#hsForm_ef0628c5-699a-4ee2-923d-b162c855fef9 .cookie-reset-container { text-align: left; }

#highlight-demo.form-container .hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large { margin-top: 7px; }
#middle-demo.form-container .hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large { display: block; margin: 7px auto 0px auto; }

/* E-boken */
.hubspot-formular.e-bok	.hbspt-form .hs-form .hs_email .input .hs-input { border: none; margin-top: 15px; }
.hubspot-formular.e-bok	.hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large { display: block; margin: 10px auto; }
.hubspot-formular.e-bok	.hbspt-form .hs-form .cookie-reset-container { color: #fff; margin-bottom: -15px }
.hubspot-formular.e-bok	.hbspt-form .hs-form .cookie-reset-container a { color: #fff; text-decoration: underline; }
.hubspot-formular.e-bok	.hbspt-form .hs-form .cookie-reset-container a:hover { text-decoration: none; }
.hubspot-formular.e-bok	.hbspt-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display p { color: #fff; }
.hubspot-formular.e-bok	.hbspt-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display a { color: #fff; text-decoration: underline;}
.hubspot-formular.e-bok	.hbspt-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display a:hover { text-decoration: none; }


/* E-post, boka demo  */
.hbspt-form .hs-form .hs_email label { display: none; }
.hbspt-form .hs-form .hs_email .input { width: 100%; }
.hbspt-form .hs-form .hs_email .input .hs-input { width: 100%; height: 40px; padding: 2px 15px; border: 1px solid #5a5a5a; border-radius: 5px; font-size: 14px; font-weight: 500; font-family: 'Montserrat'; }
.hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large { background: #F3920A; width: 200px; text-align: center; color: #fff!important; font-family: 'Montserrat', 'sans-serif'; font-size: 16px; padding: 10px 0px; border-radius: 3px; border: none; }
.hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large:hover { background: #FFAB5B; }
form.hs-form#hsForm_0ccdd049-c197-4671-9411-4786e87b6014 { display: block; width: 100%; max-width: 450px; margin: 0px auto; }

/* ----- ----- Startsidan ----- ----- */
/* Översta sektionen */
.book-demo-homepage { width: 100%; max-width: 500px; position: absolute; right: 0px; top: 120px; }
.et_pb_promo { padding: 40px; }
/* Videon */
.video-btn-container { display: block; width: 120px; height: 120px; border-radius: 100px; background: #F59335; color: #fff; text-align: center; margin: 0px auto; line-height: 110px; }
i.fas.fa-play { font-size: 50px; line-height: 118px; padding-left: 10px; }
a.video-btn { display: block; width: 120px; height: 120px; margin: 0px auto; transition: all .2s ease-in-out; border-radius: 100px; }
a.video-btn:hover { transform: scale(1.1); }
/* Kort om tjänsten */
.icon { max-width: 150px; }
/* Kundcitat */
.kund-info { padding-bottom: 0px; }

/* ----- ----- FAQ ----- ----- */
.faq-fraga { font-weight: 900; font-size: 18px; }
.faq-svar { font-size: 16px; margin-top: 8px; margin-bottom: 20px; display: block; }

/* ----- ----- Footer ------ ------ */
#main-footer { background: #303A4F; }
#custom_html-2 { width: 100%; text-align: center; }
#custom_html-2 .textwidget.custom-html-widget p { color: #fff; }

/* ----- ------ Tablet ----- ----- */
@media only screen and (max-width:1024px) {
	.book-demo-homepage { max-width: none; position: relative; right: 0px; top: 0px }
	#highlight-demo.form-container { max-width: 400px; margin: 10px auto; }
	.et_pb_row { width: 90%; }

	.case-bild { display: none; }
	.form-container.case-container { max-width: 400px; }

	#footer-widgets .footer-widget, #footer-widgets .footer-widget:nth-child(n) { width: 100%!important; }
}

/* ----- ------ Mobil ----- ----- */
@media only screen and (max-width: 600px) {
	/* ----- Generellt ----- */
	.et_pb_row { width: 90%; }
	/* ----- Startsida ----- */
	.et_pb_video_0 { max-width: 100%!important; }
	.book-demo-homepage { max-width: 420px; position: relative; right: 0px; top: 0px; padding: 40px 20px; }
	/* Referenser */
	.et_pb_team_member_image { max-width: none; }

	/* Knappar */
	.et_pb_button, .winloss-button { padding: 15px 0px;  }

	/* ----- ----- HubSpot ----- ----- */
	/* E-post, boka demo */
	.hbspt-form .hs-form .hs_email .input { max-width: none; }
	.hbspt-form .hs-form .hs_email .input .hs-input { width: 100%; height: 55px; padding: 2px 15px; border: 1px solid #000; border-radius: 5px; margin-bottom: 15px;  }
	.hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large { display: block; width: 200px; height: 55px; border: none; border-radius: 5px; margin: 0px auto; font-weight: 500; }
	.form-container.case-container .hbspt-form .hs-form .hs_submit .actions .hs-button.primary.large { margin: 15px 0px; }
}