/*
 Theme Name:     frilansia
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Frilansia.se  Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
body {font-size: 16px !important;}

h1.entry-title, h1.frilans-entry-title
{font-size: 1.5em !important;
margin-top: 10px !important;
margin-bottom: 2px !important;}

h2.entry-title, h2.frilans-entry-title
{font-size: 1.3em !important;
margin-top: 10px !important;
margin-bottom: 2px !important;}

h3.entry-title, h3.frilans-entry-title
{font-size: 1.2em !important;
margin-top: 10px !important;
margin-bottom: 2px !important;}

h4.entry-title, h4.frilans-entry-title
{font-size: 1.1em !important;
margin-top: 10px !important;
margin-bottom: 2px !important;}



/* cta_button START */

/*** remove shadow on main header***/
#main-header {
box-shadow: none;
}
 
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}
/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 23px;
}
#top-menu li {
padding: 0 10px !important;
}
 
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
 
/*** style the menu button ***/
.cta_button a {
color: #c92b2b !important;
    line-height: 14px;
    font-weight: 600;
	padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 16px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #f92c8b;
}
 
.cta_button a:hover {
    opacity: 1 !important;
	box-shadow: 0px 5px 20px #aab9c3;
    
}
 
.et-fixed-header #top-menu .cta_button a:hover {
    background-color: #f2f18e;
    border: 2px solid #f2f18e;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
.et-fixed-header #top-menu .cta_button a {
    color: #fff !important;
    background-color: #f2f18e;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #c92b2b;
}
.et-fixed-header.et_highlight_nav #top-menu .cta_button a {
	background-color: #2cc2e6;
    border: 2px solid #2cc2e6;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .cta_button a:hover {
    background-color: #f92c8b;
    border: 2px solid #f92c8b;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
 
/*** style the mobile menu links and button ***/
@media (max-width: 980px) {
.et_mobile_menu li {
text-align: center;
}
 
.et_mobile_menu li a {
border-bottom: none;
}
.et_mobile_menu li a:hover {
background-color: transparent;}
 
.cta_button a {
border-bottom: 2px solid #f92c8b !important;
}
}

/* cta_button END */

.et_frilans_logo {
float: right;


}


.et_frilans_meta_box {
	background-color: #efefef;
	padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
	
}

.et_frilans_meta {
	
	font-weight: 600;
	font-size: 0.8em;
	line-height: 1.2;
	width: 100%; 
}

.et_frilans_content {
	font-size: 0.9em;
	line-height: 1.2;
    
    margin-top: 5px;
    margin-bottom: 20px;
    min-height: 400px;

}

.et_frilans_valid {
	font-size: 0.8em;
	line-height: 1.2;
    font-style: italic;
    margin-top: 1px;
    margin-bottom: 20px;

}

et_frilans_pitch

{
	line-height: 1.4;
    font-weight: 900;
    margin-top: 5px;
    margin-bottom: 10px;
    color: red;

}

.frilans-entry-title {color: #333; margin-top: 2px; margin-bottom: 2px !important;}



.hero-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-height: 450px;
    background-color: #333;
}
 
.single-post #main-content #left-area {padding-top: 0px;}
 
/* ---- Sidebar Settings ---- */
.single #sidebar {background: #efefef; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
 
/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-title {
width: 100%;
text-align: center;
padding-left: 8px;
padding-right: 8px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
}

.single p.post-meta {
width: 100%;
text-align: center;
padding-left: 8px;
padding-right: 8px;
font-weight: 800;
color: #fff;
}
 
 @media only screen and (min-width: 980px) {
/*** Set title font size for desktop ***/
.single h1.entry-title {
font-size: 40px !important;
}
 }


 .frilans_form table, td, th {border: none !important;}

 .frilans_form table {
    margin: 0 auto;
}

/* Contact Form 7 formatering
---------------------------------*/
 
/* Styling CF7 to look like the Divi Contact Form */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	background-color: #eee !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 3px !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit {
	color: #f26e20 !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.wpcf7-submit:hover {
	background-color: #eee;
	border-color: #eee;
	padding: 6px 20px !important;
}


/* Centrera knappar fullwidth sections på mobil */

@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}

#et-secondary-menu li, #top-menu li, .et_pb_gallery_item, .et_pb_portfolio_item, 
.et_pb_blurb_content, .et_pb_tabs_controls, .et_pb_tab, .et_pb_slide_description, 
.et_pb_pricing_heading, .et_pb_pricing_content, .et_pb_promo_description, .et_pb_newsletter_description, 
.et_pb_counter_title, .et_pb_circle_counter, .et_pb_number_counter, .et_pb_toggle_title, .et_pb_toggle_content, 
.et_pb_contact_main_title, .et_pb_testimonial_description_inner, .et_pb_team_member, .et_pb_countdown_timer_container,
.et_pb_post, .et_pb_text, .product, .et_pb_widget {
word-wrap: normal;
}
