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

 Theme Name:   Söderhamns OK
 Theme URI:    
 Description:  Söderhamns OK - Tema
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* fonts */

h1 {
    font-size: 80px;
    word-break: break-word;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
}

.et_pb_section_0.et_pb_with_background h1,
.et_pb_with_background h2,
.et_pb_with_background h3,
.et_pb_with_background p {
    color: #ffffff;
}

h2,
h3 {
    font-size: 55px;
    word-break: break-word;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
}

h4,
h5,
h6,
p,
a {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
}

p,
a {
    font-size: 18px;
}

@media (max-width: 980px) {
    h1 {
        font-size: 32px;
        word-break: break-word;
    }
    h2,
    h3 {
        font-size: 25px;
        word-break: break-word;
    }
    p,
    a {
        font-size: 16px;
    }
    #main-header .container {width: 80%;}
}

#main-header .container {width: 98%;}

#page-container #main-header.et-fixed-header {
    box-shadow: none!important;
}

#top-header .container {
    max-width: 90%!important;
    margin: auto;
}

.bli_medlem_topmeny {
    background-color: #2055BA;
    border: 4px solid #3074F4;
    padding: 15px;
}

.bli_medlem_topmeny a {font-weight: bold;}

#et-secondary-menu>ul>li a {
    padding-bottom: 0px;
}


#bli-medlem-knappen {
    background-color: #2055BA;
    text-align: center;
    padding: 15px;
}
#bli-medlem-knappen a,
.bli_medlem_topmeny a {
    color: #ffffff!important;
}

/*Footer*/

.footer-widget p {font-size: 25px;}

@media (min-width: 721px) {
    .footer-widget {
        display: flex;
        place-content: space-between;
    }
}



#pa-gang-nyheter article.et_pb_post{
    border: solid 1px #8c8c8c;
    padding: 6px;
}


/* Kalender - feed - mm */

.compact.compact-1 .ecs-event {
    background-color: #ffffff;
    display: flex!important;
    height: auto !important;
    margin-bottom: 0 !important;
    position: relative;
}

.compact.compact-1 .ecs-event:not(:first-child) {
    border-top: 0
}

div.ecs-events.compact div.ecs-event{
    border: solid 1px #8c8c8c;
    padding: 6px;
    }

.compact.compact-1 .summary a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
}

.alla_ecs_calendar_category,
.ecs-events .alla_ecs_category .date_thumb,
.alla_ecs_category .ecs-button a {
	background-color: #a7a7a7 !important;
}

.compact.compact-1 .ecs-event .date_thumb .day,
.compact.compact-1 .ecs-event .date_thumb .month {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 1em!important;
}

.compact.compact-1 .ecs-event .ecs-thumbnail {
    order: 1;
    margin-left: auto;
    line-height: 0;
}

.compact.compact-1 .ecs-event .ecs-thumbnail img {
    display: inline-block !important;
    width: 140px;
    border: 1px solid;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 0px;
}

.ecs-events.compact.compact-1 .ecs-button a {font-size: 14px!important;}

.ecs-events .summary {
    padding: 0 15px;
    line-height: 1.4;
}
.ecs-events .summary a {
    /* color: #707070; */
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1.4em;
}

.footer-widget .et_pb_widget div {line-height: 1.3em;}

.footer-widget p {
	line-height: 1;
}

.home #ecs-calendar-1 th {
    text-align: center;
    text-transform: capitalize;
}

.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {border: 0px solid #eeeeee;}

.compact.compact-1 .ecs-event .date_thumb {
    color: #ffffff!important;
    /* border: 6px solid rgb(1 0 0 / 31%); */
    width: 85px!important;
    min-width: 85px;
}

.compact .ecs-event .ecs-button {
    vertical-align: bottom!important;
}

.compact .ecs-event .ecs-button a {
    border-radius: 0px!important;
    padding: 14px!important;
}

.fc-button-group .fc-state-default {background-color: rgb(255 255 255 / 0%); border: 0px; background-image: none; box-shadow: none;}

.ecs-events .fc-today-button {display: none;}
.fc-button-group .fc-corner-right {position: absolute; right: 0; top: 8px;}
.fc-button-group .fc-corner-left {position: absolute; left: 0; top: 8px;}

.fc-toolbar .fc-left h2 {margin: auto; width: 100%;}

@media (min-width: 980px) and (max-width: 1520px){
.fc-button-group .fc-corner-right {top: 0;}
.fc-button-group .fc-corner-left {top: 0;}
.fc-toolbar .fc-left {padding-left: 20px;}
}

.fc-toolbar .fc-left {padding-left: 0;}

.fc-toolbar .fc-left,
.fc-toolbar .fc-right {
    float: none;
    /* clear: both; */
    width: 100%;
}

.fc button {padding: 0px;}

/* .fc-toolbar .fc-left {
padding-left: 40px;
padding-top: 5px;
padding-right: 20px;
} */

#ecs-calendar-1 {padding: 10px;}

.fc td, .fc th {
    border-width: 0px!important;
    padding: 0px!important;
}

.fc .fc-row .fc-content-skeleton td {
    text-align: center;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: unset!important;
}

#ecs-calendar-1 span.fc-title {
    display: none!important;
}

.summary .ecs-time,
.duration.time.ecs_start_time {display: none;}

.lopning_ecs_calendar_category,
.ecs-events .lopning_ecs_category .date_thumb,
.lopning_ecs_category .ecs-button a {
    background-color: #597590!important;
}
.orientering_ecs_calendar_category,
.ecs-events .orientering_ecs_category .date_thumb,
.orientering_ecs_category .ecs-button a {
    background-color: #FFB031!important;
}
.skidor_ecs_calendar_category,
.ecs-events .skidor_ecs_category .date_thumb,
.skidor_ecs_category .ecs-button a {
    background-color: #E65C49!important;
}
.cykling_ecs_calendar_category,
.ecs-events .cykling_ecs_category .date_thumb,
.cykling_ecs_category .ecs-button a {
    background-color: #85AF73!important;
}
.friluftsliv_ecs_calendar_category,
.ecs-events .friluftsliv_ecs_category .date_thumb,
.friluftsliv_ecs_category .ecs-button a {
    background-color: #74A4D8!important;
}


.compact.compact-1 .ecs-event.orientering_ecs_category .date_thumb {
    border: 6px solid #E3A42D;
}
.compact.compact-1 .ecs-event.lopning_ecs_category .date_thumb {
    border: 6px solid #8DB4D9;
}
.compact.compact-1 .ecs-event.skidor_ecs_category .date_thumb {
    border: 6px solid #D03838;
}
.compact.compact-1 .ecs-event.cykling_ecs_category .date_thumb {
    border: 6px solid #C8E5BC;
}
.compact.compact-1 .ecs-event.friluftsliv_ecs_category .date_thumb {
    border: 6px solid #A0C1E5;
}


/*mobil-feed-kalender*/
@media (max-width: 980px) {
    .compact.compact-1 .ecs-event .summary, 
    .compact .ecs-event .ecs-thumbnail, 
    .compact .ecs-event .ecs-button {
        display: table-row!important;
    }
}


 
@media (min-width: 980px) {
#top-header {z-index: 4;}
.logo_container {z-index: 5; top: -40px; }
#et-top-navigation {z-index: 6;}
#top-menu li {z-index: 9;}
.et_header_style_left .logo_container {height: 125%;width: auto;}
}
#logo {max-height: 80%;}



/* bloggfeeden */

.et_pb_blog_grid_wrapper .et_pb_post .post-meta {
    color: #ffffff;
    background-color: #111111;
    width: 160px;
    padding-left: 15px;
}

.et_pb_blog_grid_wrapper .et_pb_post .et_pb_image_container {
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 5px;
}

.et_pb_blog_grid h2 {
    line-height: 18px;
}

.ecs-events.compact .weekday {
    text-transform: uppercase;
    font-weight: 600;
}

.compact.compact-1 .ecs-event .date_thumb .day, 
.compact.compact-1 .ecs-event .date_thumb .month {
    font-weight: 600;
}

.ecs-events.compact.compact-1 {
    display: block !important;
}

.compact.compact-1 .ecs-event .date_thumb {
    align-self: flex-start;
    border-width: 3px !important;
    font-size: .9em;
    line-height: 1.5;
    padding: .2em;
    white-space: nowrap;
}

.compact.compact-1 .ecs-event .date_thumb > :not(.weekday) {
    display: inline-block;
}


.single-tribe_events .tribe-events-event-image,
.single-tribe_events .tribe-events-event-categories,
.single-tribe_events .tribe-events-event-categories-label,
.single-tribe_events p.tribe-events-back {
    display: none;
}

@media (max-width: 769px) {
    .et_pb_blog_grid_wrapper .et_pb_post .et_pb_image_container {
        max-height: 300px;
    }
}

.compact.compact-1 .ecs-event .ecs-excerpt {
    margin-top: 0 !important
}


.blog-title-module.et_pb_text {
    display: flex;
    justify-content: center;
}

.blog-title-module.et_pb_text h1 {
    font-size: 4em;
    text-align: left;
}

.blog-title-module.et_pb_text h3 {
    text-align: left;
    text-indent: 1.4em;
    font-size: 1.8em;
    line-height: 0.5;
    padding: 0;
}

.asr-filter-div {
    text-align: center;
}

.asr-filter-div ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5em;
}

.asr-filter-div ul + select {
    padding: 1em;
}

@media (min-width: 769px) {
    .asr-filter-div ul + select {
        display: none;
    }
}

@media (max-width: 768px) {
    .asr-filter-div ul {
        display: none;
    }
}

.asr-filter-div .asr_texonomy:not(.active) {
    background: rgba(0,0,0,.2);
}

.asr-filter-div .asr_texonomy.active,
.asr-filter-div .asr_texonomy:hover {
    background: rgba(0,0,0,.1);
}

.am__title {
    font-family: inherit;
    font-size: 1.1em;
    line-height: 1.4;
    color: inherit;
}

.am_thumb {
    position: relative;
}

.am_thumb .am_post_date {
    position: absolute;
    bottom: 1em;
    left: 0;
    background: #111;
    color: #fff;
    padding: .2em 2em .2em 1em;
    font-size: .8em;
}

.am__readmore {
    font-size: .9em;
    margin-top: .5em;
    display: block;
}

@media (max-width: 980px) {
    .am_post_grid .am_grid_col {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (max-width: 767px) {
    .et_pb_row.events-row {
        width: 100%;
    }

    .compact.compact-1 .ecs-event .date_thumb {
        font-size: .75em;
    }

    .compact.compact-1 .ecs-event .ecs-thumbnail img {
        width: 100px;
    }

    .compact.compact-1 .ecs-event .summary {
        font-size: .8em;
        word-wrap: break-word;
        word-break: break-word;
    }

    .compact.compact-1 .ecs-events .summary a {
        font-size: 1.2em;
    }
}

@media (max-width: 580px) {
    .am_post_grid .am_grid_col {
        flex-basis: 100%;
        max-width: 100%
    }
	
	.footer-widget {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.footer-widget .textwidget {
		text-align: center;
	}
	
	.et_pb_section_3.et_pb_section {
		padding-left: 0 !important;
	}
	
	.parallax_footer h2 span {
		font-size: 0.65em;
	}
}

.events-module {
	max-height: initial !important;
}

@media (min-width: 600px) {
    .events-module {
        margin: 0;
    }
}