/*
Theme Name:     Sempro
Description:    Tema lagd for Sempros digitale magasiner
Author:         Johan Martin Aarstein
Author URI:		http://www.sempro.no
Template:       Divi
*/

body{
}

#main-content{

}

#et-top-navigation, .logo_container {
    visibility: hidden;
}

/************************
********* FONTS *********
************************/

body,
h1,
h2,
h3,
h4,
h5,
strong {
}

body, input, textarea, select {
    font-family: Hind, sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #000;
    line-height: 1.7em;
}
h1,
h2,
h3,
h4,
h5,
strong {
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5 {
    line-height: 1.2em;
    letter-spacing: 1px;
    color: #000;
}
h2 {
    font-size: 30px !important;
}
h3 {
    font-size: 30px !important;
    font-weight: 300;
}
@media (max-width: 980px) {
    body {
        font-size: 20px;
        line-height: 1.5em;
    }
    h2, h3 {
        font-size: 22px!important;
    }
}
@media (max-width: 350px) {
    body {
        font-size: 18px;
    }
}
/************************
******** STYLING ********
************************/

.transparent{
	border:0;
	clear:none;
	margin: 15px 0;
}

.divide{
	border: 0;
	border-top:1px solid #172953;
	opacity: .3;
	clear:both;
}

@-webkit-keyframes et_bounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
    100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@-moz-keyframes et_bounce {
    0% {-moz-transform: translateY(0);transform: translateY(0);}
    40% {-moz-transform: translateY(-15px);transform: translateY(-15px);}
    100% {-moz-transform: translateY(0px);transform: translateY(0px);}
}
@-o-keyframes et_bounce {
    0% {-o-transform: translateY(0);transform: translateY(0);}
    40% {-o-transform: translateY(-15px);transform: translateY(-15px);}
    100% {-o-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes et_bounce {
    0% {-ms-transform: translateY(0);transform: translateY(0);}
    40% {-ms-transform: translateY(-15px);transform: translateY(-15px);}
    100% {-ms-transform: translateY(0px);transform: translateY(0px);}
}

.bounce {
	-webkit-animation: et_bounce 1s infinite;
	-moz-animation: et_bounce 1s infinite;
	-ms-animation: et_bounce 1s infinite;
	-o-animation: et_bounce 1s infinite;
	animation: et_bounce 1s infinite;
}

.font-smoothing{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.translucent{
	opacity: .5!important;
}

.shadow{
	-webkit-filter: drop-shadow(0px 0px 25px rbga(0,0,0,.5) );
	-moz-filter: drop-shadow(0px 0px 25px rbga(0,0,0,.5) );
	-o-filter: drop-shadow(0px 0px 25px rbga(0,0,0,.5) );
    filter: drop-shadow(0px 0px 25px rbga(0,0,0,.5) );
	text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
}

.skewed{
	-webkit-transform: skew(0, -3deg);
    -moz-transform: skew(0, -3deg);
    -ms-transform: skew(0, -3deg);
    -o-transform: skew(0, -3deg);
    transform: skew(0, -3deg);
}

.skewed-down{
	-webkit-transform: skew(0, 3deg);
    -moz-transform: skew(0, 3deg);
    -ms-transform: skew(0, 3deg);
    -o-transform: skew(0, 3deg);
    transform: skew(0, 3deg);
}

hr.transparent{
	opacity: 0;
	clear: both;
}

.kolonne{
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	-webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
/*	-webkit-column-rule: solid  thin #169998;
    -moz-column-rule: solid  thin #169998;
    column-rule: solid  thin #169998;*/
}

.stroke{
	color: white;
	-webkit-text-fill-color: rgba(255,255,255,0);
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: white;
}

@media all and (max-width:980px){
	.kolonne{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	.mobile-background{
		background-image: none!important;
		background-color: #b9e1e1!important;
	}
	
	.desktop-only{
		display: none;
	}
}

/************************
********** IMG **********
************************/
.circle img, .circle-l img,.circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.circle .et_overlay{
	width:100%;
	height:100%;
}

.et_overlay {
	background-color:rgba(173,206,115,.3);
}

.circle .et_overlay {
	left: 50%;
	top:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

/************************
********** BLOG *********
************************/



/************************
** FOOTER / SCROLL-TOP **
************************/

#main-footer{
	display:none;
}

.et_pb_scroll_top.et-pb-icon{
	color:#adce73;
	background:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	right:20px;
	font-size:50px;
	font-weight:bolder;
	padding: 0!important;
	margin:0!important;
}

.scroll-down.et-pb-icon{
	color:white;
	font-size:70px;
}

.et_pb_scroll_top:before{
	content:":";
}

@media all and (max-width:480px){
	.et_pb_scroll_top.et-pb-icon{
		bottom:60px!important;
	}
}

/************************
****** ARCHIVE PAGE *****
************************/
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}
 
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -webkit-column-count: 2;
	-moz-column-count: 2;
         column-count: 2;
    -webkit-column-gap: 30px;
	-moz-column-gap: 30px;
         column-gap: 30px;
}
 
.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border:none;
    background-color: #fff;
    word-wrap: break-word;
    display: block;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 24px;
	margin-top: 0!important;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.archive .pagination,
.search .pagination {
    padding: 20px 0;
}

.arkiv h1{
	font-size: 55px!important;
}

.arkiv-header{
	padding-top: 90px!important;
	padding-bottom: 0!important;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -webkit-column-count: 2;
		-moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 60px;
		-moz-column-gap: 60px;
        column-gap: 60px;
    }
	
	.arkiv h1{
		font-size: 30px!important;
	}
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}

/************************
***** Donaldskjema *****
************************/
.donald-skjema, .takkebeskjed {
	font-family: 'Adam Kubert';
}

.donald-skjema textarea, .donald-skjema input {
	border: 3px solid #000!important;
}

#wpforms-submit-25 {
	background-color: #85d1f6;
	border: 3px solid #000;
}

#wpforms-submit-25:hover {
	background-color: #e30512;
}

/************************
***** FONT-FACE  *****
************************/

@font-face {
    font-family: 'Adam Kubert';
    src: url('assets/CCAdamKubert.woff2') format('woff2'),
        url('assets/CCAdamKubert.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}