/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


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


h2 {
    font-size: 30px!important;
}

h3 {
    font-size: 26px!important;
}

h4 {
    font-size: 23px!important;
}

@media only screen and (max-width: 1340px) {
    h1 {
    font-size: 32px!important;
}
}


@media only screen and (max-width: 550px) {
 
    h1 {
    font-size: 25px!important;
}
    h2 {
    font-size: 20px!important;
}

}



@media only screen and (max-width: 1230px) {
#top-menu > li > a, #top-menu ul li a {
font-size: 12px !important;
}

.et-fixed-header #top-menu > li > a, #top-menu ul li a {
font-size: 12px !important;
}
}

@media only screen and (max-width: 1135px) {
#top-menu > li > a, #top-menu ul li a {
font-size: 10px !important;
}

.et-fixed-header #top-menu > li > a, #top-menu ul li a  {
font-size: 10px !important;
}
}



/* Add text before the hamburger menu */
#et_mobile_nav_menu:before {
content: 'MENY';
position: absolute !important;
bottom: 29px;
right: 35px;
color: black;
}

.not-on-desktop a{
    display: none!important;
}

.et_mobile_menu { border-top: 3px solid #965dad!important; }



/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 1100px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;
    text-align: center;
}

/* Setting mobile CTA on same line */
.menu-cta a {
    width: 38%;
    float: left;
    margin-bottom: 5px;
    margin-left: 10%;

text-align: center;





}


.menu-cta-right a {
width: 38%;
float: right;

margin-bottom:5px;
margin-right:10%;


text-align: center;
}


.not-on-mobile a{
    display: none!important;
}
.not-on-desktop a{
    display: block!important;
}
}





/*--------- Header & Menu --------*/

 
 
@media only screen and (min-width: 1100px){
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding: 5px 0 5px 0!important;
}
}

@media only screen and (min-width: 1100px){
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 15px 0 15px 0!important;
}}


 
#top-menu li {
    padding-right: 0px;
}
 
#top-menu li a {
    font-size: 14px;
    font-weight: 800!important;
}
 
#top-menu li.current-menu-item>a {
    color: #0ebcdd;
}
 
 
 /*--------- Header & Menu --------
 
.et_header_style_left #et-top-navigation {
    padding-top: 0px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 0px!important;
}
 
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding: 10px 10px!important;
    margin-bottom:5px;
    margin-top:5px;
}
 
.et_header_style_left #et-top-navigation nav>ul>li>a:hover {
    background: #965dad;
    color: white!important;
    opacity: 1!important;
}
 
#top-menu .menu-item-has-children>a:first-child:after {
    top: 28px;
}

*/

/*--------- Sub Menu ---------

 
#top-menu li li a {
    width: 120px;
    padding: 10px 10px 10px 10px;
}
 
#top-menu li li a:hover {
    background: #965dad;
    color:white;
    opacity: 1;
}

*/





/*==== Start Double Line Fade====

.et_pb_menu ul>li>a {
   padding: 8px 10px!important;

}

.et_pb_menu li a {
   padding: 8px 10px!important;

}

.et_pb_menu a {
   padding: 8px 10px!important;

}

*/

/* ==== Padding ==== */
#top-menu li a {
  position: relative;
  padding: 10px !important;
}

/* ==== Ta bort opacity-effekt ==== */
.et_pb_menu ul > li > a:hover {
  opacity: 1 !important;
}

/* ==== Linje-effekt (huvudmeny) ==== */
#top-menu li a::before,
#top-menu li a::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  background-color: #965dad;
  display: block;
  z-index: 2;
  opacity: 0;
  transition: .3s cubic-bezier(.58, .3, .005, 1);
  pointer-events: none;
}

#top-menu li a::before {
  top: 0;
}

#top-menu li a::after {
  bottom: 0;
}

#top-menu li a:hover::before,
#top-menu li a:hover::after {
  opacity: 1;
}

/* ==== STABIL DROPDOWN FIX ==== */
#top-menu li {
  position: relative;
}

#top-menu .sub-menu {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  margin-top: 0 !important;
  top: 100% !important;
  z-index: 9999;
}

#top-menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Ta bort glapp */
#top-menu li ul {
  padding-top: 0 !important;
}

/* ==== Undermeny styling ==== */
#top-menu .sub-menu li a {
  padding: 10px 14px !important;
  line-height: 1.4;
}

/* ==== Kortare fasta linjer i undermenyn ==== */
#top-menu .sub-menu li a::before,
#top-menu .sub-menu li a::after {
  width: 100px !important;
  right: auto !important;
}

/* ==== CTA undantag ==== */
.menu-cta a::before,
.menu-cta-right a::before,
.menu-cta a::after,
.menu-cta-right a::after {
  display: none !important;
}


/*==== End Double Line Fade====*/







/* ----------- Fixed Mobile menu --------------------------- */ 
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}




.et_pb_button:hover {
    background: #965dad!important;
    color: white!important;
}


/*--------- Headers with Lines ---------*/

.header-dark h2 {
	font-size: 30px;
	color: #2f4c0e!important;
}

.header-light h2 {
	font-size: 30px;
	color: white!important;
}


@media only screen and (max-width: 550px) {
	.header-light h2, .header-dark h2 {
		font-size: 23px;
	}
}


@media only screen and (max-width: 374px) {
	.header-light h2, .header-dark h2 {
		font-size: 20px;
	}
}
 
 
.header-light h2:before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    margin-right: 25px;
    margin-bottom: 6px;
}
 
.header-light h2:after {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    margin-left: 25px;
    margin-bottom: 6px;
}
 
.header-dark h2:before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid #070038;
    border-bottom: 2px solid #070038;
    margin-right: 25px;
    margin-bottom: 6px;
}
 
.header-dark h2:after {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid #070038;
    border-bottom: 2px solid ;
    margin-left: 25px;
    margin-bottom: 6px;
}


/*--------- Equalize Column Code ---------*/
 
.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}


/*--------- Hero Section 1 ---------*/
 
.hero-section-left {
	padding-right: 8%;
}
 
.hero-section-left .et_pb_module {
    padding-top: 10px;
}

/*--------- Mission / Min vision--------- */

@media only screen and (max-width: 550px) {
.et_pb_section_1.et_pb_section {
    padding-top: 60px!important;
    }
}

 
.mission {
    border: 2px solid white;
    padding: 30px;
    max-width: 700px;
    margin: auto;
}
 
.mission h2 {
	background: #a0a895;
    max-width: 275px;
    margin: auto;
    margin-top: -55px;
}


/*--------- Services / Vad jag gör ---------*/


 
.services .et_pb_module {
  transition: transform .4s;
}
 
.services .et_pb_module:hover {
  transform: scale(1.1);
}
 
.services .et_pb_module img {
    background: #cfd3c5;
    max-width: 100px;
    border-radius: 100px;
    padding: 10px
}
 
.services .et_pb_module:hover img {
  background: #cfd3c5;
}
 
.services .et_pb_module .et_pb_button {
	color: #965dad;
	border-width: 2px!important;
    border-radius: 30px!important;
    
}
 
.services .et_pb_module:hover .et_pb_button {
    background: #965dad;
    color: white;
    transition: transform .4s;
}
 
.services .et_pb_module:hover .et_pb_button:hover {
    background: #965dad!important;
    transform: scale(1.1);
}


/*--------- Omdomen ---------*/
@media only screen and (max-width: 550px) {
.testimonial_rotator.template-longform .slide {
    height: 300px!important;
    overflow: auto;
    }
}

::-webkit-scrollbar-track {
background: white;
}

::-webkit-scrollbar-thumb {
background: lightgrey;  
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}




/*--------- Home kontaktsidan ---------*/

@media only screen and (max-width: 1340px) {
.home-kontakt .et_pb_blurb.et_pb_blurb {
	width: 98%!important;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
    }
}

@media only screen and (max-width: 990px) {
.home-kontakt .et_pb_blurb_1.et_pb_blurb {
    font-family: 'Fordon',sans-serif;
    width: 43%;
    display: inline-block!important;
    margin-top: 30px;
    }
}

@media only screen and (max-width: 770px) {
.home-kontakt h4 {
	padding-bottom: 0px;
	font-weight: bold;
	 font-size: 15px!important;

    }
}

.home-kontakt h4 {
	font-weight: bold;
	 font-size: 15px!important;
	 }


/*--------- Psykoterapi sidan ---------
@media only screen and (max-width: 550px) {
#psykoterapiheader {
    font-size: 14px!important;

    }
}
*/

/*--------- Handledning & Utbildning sidan ---------*/
#handledningheader {
    font-size: 56px!important;
    line-height: 1.2em;
    margin-bottom: 30px;
    }
    
    
@media only screen and (max-width: 981px){
#handledningheader {
    font-size: 46px!important;
    line-height: 1.0em;
    }
}

@media only screen and (max-width: 550px) {
#handledningheader {
    font-size: 24px!important;
    line-height: 1.4em;
    }
}


/*--------- Border på sidan Omdömen ---------*/
#omdomen_sida .testimonial_rotator.template-longform .slide {
    padding-bottom: 30px;
    border-bottom: 1px solid black;
}


/*--------- Konfiguration av CF7 ---------*/
.wpcf7-select {
background-color: #eee !important;
border: none !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


#wpcf7quiz,#wpcf7quiz2 {
background-color: #eee !important;
border: none !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75px;
margin-right: 20px;	
}

.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: 0 !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-textarea{
max-hight: 40px !important;
}
.wpcf7-submit {
color: #6383bf!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;
}



/*---------------Menu CTA Button---------------
 
#top-menu li a:hover {
    opacity: 1!important;
    color:#965dad;
}

*/
             
.menu-cta a ,.menu-cta-right a {
    border: 2px solid #965dad!important;
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
}
 
  /*   
  
  
.menu-cta a:hover {

background-color: #fe9c00;
	
    color: #263e40!important;
}
 


/*---------------Menu CTA Button---------------
 

 
#top-menu li a:hover {opacity: 1!important;
}


#top-menu li a:hover {opacity: 1!important;}
             
.menu-cta a {
    border: 2px solid #8dc63f!important;
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
}
 
.menu-cta a:hover {
    background-color: #8dc63f;
    color: white!important;
}
 



.menu-cta a {
    border: 2px;
	border-color: rgba(130,82,45,0.37)!important;
    padding: 12px;
    border-radius: 25px;
    text-align: center;

}
 
.menu-cta a:hover {

    background-color: rgba(130,82,45,0.37)!important;


	
}
 
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}

 */
 
 #et_search_icon:before {
	 padding: 15px;
 }


/*---------------CTA Button Color on Fixed Navigation---------------*/


 
/*---------------Menu CTA Button Mobile Settings---------------*/
 
@media only screen and (max-width: 1100px) {
.menu-cta a:hover, .menu-cta-right a:hover {
    background-color: #965dad!important;
	color:white!important;
    }
}



.menu-cta a:hover, .menu-cta-right a:hover {
    background-color: #965dad;
    color: white!important;
}




/* Change color of the hamburger menu on tablet and mobile*/
span.mobile_menu_bar:before {
     color: rgba(0,0,0,0.6)!important;
}

.mobile_nav.opened .mobile_menu_bar:before {

 content: "\4d";
}

.et_header_style_left #et-top-navigation .mobile_menu_bar{
    padding-top: 20px;

}
    
    
    
/*--------- Blog ---------*/


.home-blog a {
    color: white;
    text-decoration: underline;
}
 
 
.home-blog .et_pb_post p {
    display: none;
}
 
.home-blog .et_pb_post img {
    filter: grayscale(100%);
    opacity: .7;
    padding: 10px 10px 0px 10px;
}
 
 
.home-blog .et_pb_post:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
 
.home-blog .et_pb_post  {
    transition: transform .4s;
}
 
.home-blog .et_pb_post:hover  {
    transform: scale(1.1);
    box-shadow: 0px 12px 32px -14px rgba(0,0,0,0.3);
}
 
.home-blog .et_pb_post h2 {
    padding-bottom: 20px;
}
 
.home-blog .et_pb_post:hover h2 {
    color: #2abcdd;
}
 
.home-blog .more-link {
    border: 2px solid;
    border-radius: 25px;
    padding: 10px;
}
 
.home-blog .more-link:hover {
    background: #2abcdd;
    color: white;
}



/*--------- Blog Page ---------*/
 
#left-area .post-meta {
    padding-bottom: 0px;
    padding: 10px;
    font-size: 16px;
    background: #2f4c0e;
    color: white;
    margin-bottom: 20px;
}
 
#left-area .post-meta a {
    color: #fff;
    text-decoration: underline;
}
 
#left-area .post-meta a:hover {
    text-decoration: none;
    opacity: .7;
}
 
.et_post_meta_wrapper img {
    padding: 10px;
    box-shadow: 0px 10px 50px #c5c5c5b0;
}


/*--------- Sidebar Recent Posts ---------

 
.rpwe-block a {
    display: inline!important;
    text-decoration: none;
    color: #050039;
    font-size: 20px;
    font-weight: bold;
}
 
.rpwe-block li:hover a {
     color: #4f73c0;
     text-decoration: underline;-
}
 
.rpwe-block li:hover img {
     opacity: .7;
}
*/


/*--------- Sidebar Recent Posts With Thumbnails---------*/

.rpwwt-post-title {
    font-size: 16px;
    
    
}

.rpwwt-widget li:hover a {
     color: #4f73c0;
     
     /*text-decoration: underline;-*/
}

.rpwwt-widget li:hover img {
     opacity: .7;
}



/* drop down menu - level 1 */
.nav li ul {
width: 160px;
padding-bottom: 20px;
padding-top: 0px;
margin-top: 5px;
}

.nav li li {
line-height: 12px;
    margin-bottom:5px!important;
}