/*
Theme Name: suomiart-new-theme
Version: 1.0
Description: This is the new suomiart theme
Author: Roger Cederfjord
Author URI: https://cwea.se/
Theme URI: https://cwea.se/themes/cwea-Theme-Suomiart/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/

/*******************************************************************************
*  GENERAL CLASSES
*********************************************************************************
*/

* {
  box-sizing: border-box;
}

body{
    font-family: 'Roboto', sans-serif;
    padding-top: 20px;
    
}

h1{
/*    font-family: 'roboto', sans-serif;*/
    font-family: 'Russo One', sans-serif;
    font-size: 1.4em;
    /*color: #919B9C;*/
    color: #666;
    letter-spacing: 2px;
        
} 
h2{
/*    font-family: 'roboto', sans-serif;*/
    font-family: 'Russo One', sans-serif;
    font-size: 1.2em;
/*    color: #919B9C;*/
    color: #666;
    letter-spacing: 2px;
        
}  

p{
    font-family: 'roboto', sans-serif;
    font-size: 0.9em;
    color: #000000;
}
a{
    font-family: 'Roboto', sans-serif;
    color: #919B9C;
}


[class*="col-"] {
    width: 100%;
  }



.res_image{
    max-width: 100%;
    height: auto;
}

.clear{
    clear: both;
}

.read-more-button{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
    margin-top: 30px;
}

.read-more-button a{
    text-decoration: none;
    font-size: 0.8em;
    color: #ffb900;
    text-align: center;
    border: #ffb900 solid 1px;
    border-radius: 5px;
    padding: 5px;
}

.main{
    /*min-height:60vmin;*/
}

.font-roboto{
    font-family: 'roboto', sans-serif;
}
.font-russo-one{
    font-family: 'Russo One', sans-serif;
}

figure
{
	font-size: 10px;
}

.cupido-form
{
	padding-top: 40px!important;
	margin-top: 40px!important;
	border-top: solid 2px black;
}


/*******************************************************************************
* PAGE-SPECIFIC CLASSES & ID:S
********************************************************************************
*/



#language-selector{
        text-align: right;
        margin-right: 10px;
        padding: 10px 5px;
        color:#3D3D3D;
        font-size: 10px;
    }

#main-header{
    width: 100%;

}

#end-of-main-header{
    
}
#site-header{
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'roboto', sans-serif;
}

#site-title{
    padding-top: 0.4em;
    padding-left: 0.2em;
    font-size: 1.2em;
    font-weight: bold;
}

#site-description{
    padding:0.2em;
    font-size: 0.8em;
    line-height: 1.4em;
    
}

#mainmenubutton{
    text-align: center;
    font-size: 1.4em;
    padding-top: 5px;
}

#main-menu{
    display: none;
}

#main-menu-vertical{
    display: block;
    
}

#main-menu-vertical nav ul {
    width: 98%;   
    margin: 0 auto;
    padding: 5px 0;
    list-style: none;
    position: relative;
}	

#main-menu-vertical nav ul li {
    padding-left: 1.05em;;
    background-color: #fff;
    padding-top: 5px;
    background-color: red;
    margin:1px;
    border-radius: 3px;

}
#main-menu-vertical nav a {
    display:block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Russo One', sans-serif;
    color: white;
    font-size: 0.8em;
    line-height: 1.8em;
    padding-bottom: 3px;
}

#main-menu-vertical nav a:hover
{
    text-decoration: underline;
}

#main-menu-vertical nav ul li.current_page_item > a
{
	color: black;
}
    
#top-banner{
        width: 95%;
        margin: 0 auto;
        padding-top: 40px;
        text-align: center;
    }

#top-banner-image
{
	width: 320px;
	height: auto;
}
    
#main-info-text{
    width: 60%; 
    margin: 80px auto; 

}

#main-info-text p{
    font-family: 'Cormorant Garamond', serif; 
    color: #919B9C;
    font-size: 1.1em; 
    text-align: center;
}

#main-info-text-button{
    width: 40%;
        /*margin-top: 20px;*/ 
        padding: 8px;
        font-size: 1.0em; 
        cursor: pointer;
        background-color: #585b5c;
        color: white;
        box-shadow: 0;
        border:0;
}

.main-single-col 
{
/*    width: 735px;*/
    margin: 0 auto;
    padding: 20px;
}

    
.widget-title{
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0.1em;
}

#menu-fotmeny{
    list-style-type: none;
    margin: 0 1em;
    padding: 0;
    line-height: 1.4em;
}

#menu-fotmeny li{
    display: block;
}

#menu-fotmeny a{
    font-size: 0.9em;
    color: #b5bcc2;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

#menu-fotmeny_fi{
    list-style-type: none;
    margin: 0 1em;
    padding: 0;
    line-height: 1.4em;
}

#menu-fotmeny_fi li{
    display: block;
}

#menu-fotmeny_fi a{
    font-size: 0.9em;
    color: #b5bcc2;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

#menu-medlemsmeny{
    list-style-type: none;
    margin: 0 1em;
    padding: 0;
    line-height: 1.4em;
}

#menu-medlemsmeny li{
    display: block;
}

#menu-medlemsmeny a{
    font-size: 0.9em;
    color: #b5bcc2;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

#menu-medlemsmeny_fi{
    list-style-type: none;
    margin: 0 1em;
    padding: 0;
    line-height: 1.4em;
}

#menu-medlemsmeny_fi li{
    display: block;
}

#menu-medlemsmeny_fi a{
    font-size: 0.9em;
    color: #b5bcc2;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

#main-gallery-section-container
{
    width: 100%;
    margin-top:20px;
    padding-top: 20px;
    /*background-color: #eee;*/
}

/*#main-gallery-section {
    width: 80%;
    text-align: center;
   
}*/

#main-gallery-section h2{
	margin-top:20px;
    text-align: center;
}

.gallery-item{
    width: 320px;
    height: auto;/*430px;*/
    text-align: center;
    background-color: white;
    margin: 15px auto;
	padding:14px;
    /*border: solid 0.1em #ccc;
    border-radius: 0.3em;
    
    padding: 1em;*/
    
        
}

.alt-gallery-item{
    width: 420px;
    height: auto;/*430px;*/
    text-align: center;
    background-color: white;
    margin: 15px auto;
	padding:14px;
    /*border: solid 0.1em #ccc;
    border-radius: 0.3em;
    
    padding: 1em;*/
    
        
}

.gallery-item-image
{
    /*width: 100%;
    text-align: center;
    height: 222px;*/
	width: 295px;
}

.alt-gallery-item-image
{
    /*width: 100%;
    text-align: center;
    height: 222px;*/
	width: 395px;
}

.gallery-item-text
{
	height: 130px;
    text-align: center;
    padding: 10px;
    /*background-color: white;*/
}

.gallery-item-button{
        width: 40%;
        margin-bottom: 10px;
        padding: 8px;
        font-size: 1.0em; 
        cursor: pointer;
        background-color: #585b5c;
        color: white;
        box-shadow: 0;
        border:0;
    }

#member-gallery-container
	{
		display:none;
	}

#member-gallery-container-phone
	{
		display:block;width:80%; margin:0 auto;text-align:center;background-color:#fff;
	}
	
	

#footer {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #3D3D3D; 
    color: #b5bcc2; 
}

    #footer-content{
        width: 70%;
        margin: 0 auto;
        padding: 30px 0 0 0;
        text-align: left;
    }
    
    .textwidget{
        padding-left: 20px;
        line-height: 1.5em;
        font-size: 0.9em;
    }
    
	#activity-top
	{
		text-align:center;
	}

   #activity-section 
    {
        width: 100%;
		padding-bottom:20px;
        background-color: #eee;

    }

	.activity-item
    {
		width:94%;
		height:auto;
		margin:0 auto;
		margin-bottom:10px;
		padding: 10px; 
		background-color: white; 
    }
    
    /*.activity-item
    {
            width: 420px; 
            margin:0 auto;
            margin-bottom:10px;
            padding: 10px; 
            background-color: white; 
    }*/
    
    .small-item-box
    {
        display: block;
    }
    
    .large-item-box
    {
        display: none;
    }
    
      .form-section{
        
    }
    
    input[type=text], select {
  width: 100%;
  /*padding: 12px 20px;*/
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

#arets-konstnar-h-banner
{
	display:none;
}

#arets-konstnar-v-banner
{
	display:block;
	margin: 0 auto; 
	width:300px;
	text-align:center;
}

/*spec pages id:s */
.ak-main-frame
{
	width:100%;text-align:center;margin:0 auto;
}

.ak-background-color-frame
{
	width:96%;text-align:center;background-color:#dde4ea;margin:10px 10px;padding:10px 10px;
}

.ak-left-frame
{
	 float:none;
	
}

.ak-right-frame
{
	 float:none;
	
}

.ak-citation
{
	 text-align:center;width:80%; margin:10px auto;font-size:1.45em;
}

.finalfest-img
{
	width:300px;
}

/* Artistsidan */
.question-mark-info
{
	display:inline-block;
	width: 18px;
	border-radius:25px;
	background-color:#0056b3;
	box-shadow: 2px 2px #ccc;
	color:white;
	text-align: center;
	vertical-align: 10px;
	font-weight: bold;
	cursor: pointer;
}
.form-help
{
	display: none;
	position: fixed;
	z-index: 10;
	padding:10px;
	border: solid 4px white;
	border-radius: 10px;
	box-shadow:5px 5px #ddd;
	background-color: red;
	color:white;
}
#profile-header
{
    margin-top: 2em;
    text-align: center;
}

#profile-photo
{
    text-align: center;
/*    float: left; 
    width: 100%;*/
}

#profile-photo img
{
    width: 150px;
    height: auto;
    text-align: center;
}

#profile-text
{
/*     float: left;*/
}

#presentation
{
    width: 100%;
    text-align: left;
    /*padding:0 1em;*/
    line-height: 1.6;
}


hr.design-bar
{
	display: inline-block;
	height:8px;
	background-color:#EDAA25;
	width:100%;
	
	
		
}

#profile-event-info
{
    padding:0 1em;
    line-height: 1.6;
    margin-bottom: 1em;
}

#profile-event-info h2
{
    text-align: center;
}

#profile-event-flyer
{
    width: 100%;
	text-align:center;

	
}

#profile-event-flyer img
{
    max-width: 250px;
    height: auto;
}

#profile-event-flyer-text
{
    text-align:center;
}

#profile-event-flyer-text h2
{
    font-size: .8em;
    
}

#profile-gallery
{
	padding-bottom:14px;
	color: #0D0D0D;
    background-color: white;
	text-align: left;
	margin:0 auto;
	padding:0 1em;
	

}

.profile-gallery-item
{
	float:left;  
    text-align: center;
    padding:0;
    margin-top:1em;
	background-color: #eee;
    margin-right:22px;
	margin-left:6px;
    width:266px;
	height:auto;
    /*max-width: 94%;
	margin:22px auto;

	padding:14px;
	border-radius:1px;*/

}

.profile-gallery-item-picture
{
    
	max-width:258px;
	text-align:center;
    height: auto;
	padding:2px;
	margin-top:2px;
	
	background-color: #fff;
	
	
}


.profile-gallery-item-text > p, .profile-gallery-item-text > h2
{
    background-color:#eee;
    color:#0D0D0D;
}

.profile-gallery-item-text h2{
    font-size: .8em;
	background-color:#eee;
    color:#0D0D0D;
}

#um_field_1633_art1, #um_field_1633_art2, #um_field_1633_art3
{
	padding-top:80px;
}

#social-links
{
    width: 100%;
}

#sociallinks-content
{
        margin:0 auto;
        width: auto;
        padding-top:10px;
        text-align: center;
/*display:inline-block;
        padding-left:4px;*/	

}

.social-media-symbol
{
	float:left;
	margin-right:6px; 
        margin-top:10px;
	padding:10px; 
	text-align:center;
	border:dotted 1px #aaaaaa;
	border-radius:4px;
}

.user-page-gallery-item-image-panel
{
	width: 100%;
    /*float:left;width:33%;*/
    
}
.user-page-gallery-item-image
{
    max-width: 240px;
    padding: 10px;
}
.user-page-gallery-item-info
{
	width: 100%;
    /*float:left;width: 66%;*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   .col-1 {width: 64px;}
    .col-2 {width: 128px;}
    .col-3 {width: 192px;}
    .col-4 {width: 230px;}
    .col-5 {width: 320px;}
    .col-6 {width: 384px;}
    .col-7 {width: 448px;}
    .col-8 {width: 512px;}
    .col-9 {width: 576px;}
    .col-10 {width: 640px;}
    .col-11 {width: 704px;}
    .col-12 {width: 100%;}
    
    [class*="col-"] {
        float:left;
    }
    
    .row::after{
        content: "";
        clear: both;
        display: table;
    }
	
div.um-col-1!important
{
	padding-top: 40px;
}
/*******************************************************************************
* PAGE-SPECIFIC CLASSES & ID:S
********************************************************************************
*/

    #language-selector{
        min-width: 735px;
    }
    
    #main-header{
         width: 735px; 
         margin: 0 auto;
    }
    
    #end-of-main-header{
        clear: both;
    }
    
    #site-header{       
        float: left; 
        width: 360px;
        text-align: left; 
    }
    
    #site-logo{
        float: left;
    }

    #site-description-header{
        float: left;
        padding-left: 0.4em;
    }
    
    #end-of-site-header{
        clear:both;
    }
    
    #site-title{       
        padding-top: 0.1em;
        padding-bottom: 0.1em;
    }
    
    #site-description{
        padding-top: 0;

    }

    #mainmenubutton{
        float: right;
        text-align: right;
    }
    
    #end-of-mainmenubutton{
        clear: right;
    }
    
    #top-banner{
        width: 50%;
        margin: 20px auto;
        /*background-color: #dde4ea;*/
        text-align: center;
        padding-bottom: 20px;
        padding-top: 5px
    }
    
    #top-banner-image {
       width:400px;

    
    }
    .main-single-col 
    {
        width: 735px;
        margin: 0 auto;
        padding: 0;
    }
    
    .main-double-col{
        float: left;
        width: 510px;
        /*border-right: dotted 2px #ccc;*/
    }
    
    .aside-double-col{
        float: right;
        width: 220px;
        /*padding: 10px;*/
    }
    
    #main-info-text{
        width: 400px; 
        margin: 0 auto; 
        padding-top: 60px;
        padding-bottom: 60px;
        
    }
    
    #main-info-text p{
        color: #919B9C;
        font-size: 1.4em; 
        text-align: center;
        line-height: 1.4em;
        
    }
    
    #main-info-text-button{
        width: 40%;
        margin-top: 20px; 
        padding: 8px;
        font-size: 1.0em; 
        cursor: pointer;
    }
    
    #main-gallery-section-container
    {
        width: 100%;
        padding-top: 0;
		
    }
    
    #main-gallery-section{
		width: 775px;
        /*width:680px;
        
        /*width: 250px;*>
        text-align:center;
        margin: 0 auto;
        padding-top: 40px;
    }
    
    #main-gallery-section h2{
    	text-align: left;
        margin: 10px;
}

    .gallery-item-image
    {
        width: 220px;
        height: auto;
		padding-top:0;
        text-align: center;
        height:auto;/* 222px;*/
    }
    
    .gallery-item{
        /*width: 238px;
        height: 394px;/*342;*/
        float: left;
        margin-left: 12px;
		padding: 10px;
        background-color: white;
    }
    
/*    #main-gallery-section::after{
        content: "";
        clear: both;
        display: table;
    }*/
    
/*    .gallery-item:nth-child(3){
        border: solid 2px red;
    }*/
    
    .gallery-item::after{
        content: "";
        clear: both;
        display: table;
    }
	
	#member-gallery-container
	{
		display:block;width:740px;text-align:center;margin:60px auto;background-color:#fff;
	}
	
	#member-gallery-frame
	{
		width:740px;text-align:center;background-color:#dde4ea;border:solid 5px #fff;border-radius:20px;
	}
	
	.member-gallery-image
	{
		width:210px;padding:12px;background-color:#fff;
	}
	
	#member-gallery-container-phone
	{
		display:none;
	}
	
    
/*    .read-more-button{
        width: 100%;
    }*/

    #footer-content{
        width: 735px;
        margin: 0 auto;
        padding: 30px 0;
        text-align: left;
    }
    
    #sidebar-1{
        float: left;
        width: 200px;
        padding-left: 20px;
    }
    
    #sidebar-2{
        float: left;
        width: 200px;
        padding-left: 20px;
    }
    
    #sidebar-3{
        float: left;
        width: 200px;
        padding-left: 20px;
    }
    
    .main{
        width: 100%;
        margin:0 auto;
    }
    
    #activity-top
    {
        width: 735px;
        margin: 0 auto;
		text-align:left;
    }

    #activity-section 
    {
        width: 735px;
        margin: 0 auto;
		/*margin-bottom:20px;*/
        background-color: #eee;

    }
	
	.activity-item
    {

		margin-top:20px;
		padding: 10px; 
		background-color: white; 
		vertical-align: top; 

    }
    
    /*.activity-item
    {
            display: inline-block; 
            width: 340px; 
            margin:16px 10px;
            padding: 10px; 
            background-color: white; 
            vertical-align: top; 

    }*/
    
    .small-item-box
    {
        display: none;
    }
         
    .large-item-box
    {
        display: block;
    }
	
#arets-konstnar-h-banner
{
	display:block;
	margin: 0 auto; 
	width:640px;
	text-align:center;
}

#arets-konstnar-v-banner
{
	display:none;
}
    
    /*spec pages id:s */
.ak-main-frame
{
	max-width:860px;text-align:center;margin:0 auto;
}

.ak-background-color-frame
{
	text-align:center;background-color:#dde4ea;margin:20px 10px;padding:10px 10px;
}

.ak-left-frame
{
	 float:left;padding:6px;width:50%;
}

.ak-right-frame
{
	 float:right; padding:6px;width:50%;vertical-align:top;
}

.ak-citation
{
	 text-align:center;width:80%; margin:10px auto;font-size:1.45em;
}
	
.finalfest-img
{
	width:400px;
}

/* Artistsidan */

#profile-header
{
    margin-top: 2em;
    text-align: center;
	border-radius:12px;
	/*border:solid 10px #EDAA25;*/
	padding:10px;
}

#profile-photo
{
    text-align: left;
    float: left; 
    width:30%;
    
}

#profile-photo img
{
    width: 180px;
    height: auto;
}

#profile-text
{
	float: left;
	width:70%;
	padding:8px;
	border: dotted #eee 2px;
}

#displayname > h2
{
	color: #010221;
	margin-bottom:.4em;
	text-align:left;
	margin-top:0;


}

#presentation
{
	float:left;
    width: 100%;
    /*background-color:#ccdbdc;
    margin: 0 auto;
    padding:6px;*/
    line-height: 1.6;
	/*border-radius:4px;*/
	
}

#presentation > p
{
    text-align: left;
    margin-top:.2em;
	/*color:white;*/
}

#edit-field-presentation
{
    width: 100%;
    height: 120px;
    border-radius: 8px;
}

#edit-field-presentation-fi
{
    width: 100%;
    height: 120px;
    border-radius: 8px;
}
	
#sociallinks
	{
/*		float:left;*/
		min-width:18%;
		min-height:100px;
		/*background-color:#B7BF99;*/
                
		/*text-align:left;*/
		/*border-radius:4px;*/
		/*margin-left:6px;*/
		/*color: white;*/
		
	}
	
	#sociallinks > p
	{
		/*color:white;
		text-align:left;
		vertical-align:top;
		margin:2px auto 12px 4px;
		font-family: courier;
		color: grey;*/
		
		
	}
	

	#sociallinks-content
	{
		margin-top:10px;
                padding-top:10px;
                text-align: center;
	/*display:inline-block;
		padding-left:4px;*/	
		
	}
	
	#sociallinks-content > p
	{
/*		color:white;
		text-align:left;
		margin-left:2px;*/
	}
	
	
	

#profile-event-info
{

    margin: 0 auto;
    padding:0 1em;
    line-height: 1.6;
    margin-bottom: 2em;
	background-color:white;
	border-radius:8px;
}

#profile-event-info h2
{
    text-align: left;
	margin:.4em 0;
	/*color: #311FA6;*/
}

#profile-event-flyer
{
    float:left;
    max-width: 270px;
    text-align: center;
    padding:0;
    margin-top:1em;
	background-color: #eee;

}

#profile-event-flyer img
{
    max-width: 260px;
    height: auto;
	padding: 1px;
	margin-top:2px;
	background-color: #fff;
}

#profile-event-flyer > h2
	{
		/*font-size: 0.7em;*/
		text-align: left;
	}
	#profile-event-flyer
	{
		font-size: 0.9em;
	}

	
	#event-info-text
	{
		float:left;
		width:60%;
		padding: 10px;
		color:#0D0D0D;
	}
	
	#member-event-info-sv-update
	{
		width: 100%;
		height: 100px;
		border-radius: 8px;
	}
        #member-event-info-fi-update
	{
		width: 100%;
		height: 100px;
		border-radius: 8px;
	}

#profile-gallery
{
    padding-bottom:14px;
	color: #0D0D0D;
    background-color: white;
	text-align: left;
	margin:0 auto;
	padding:0 1em;
    
}

.profile-gallery-item
{
	float:left;  
    text-align: center;
    padding:0;
    margin-top:1em;
	background-color: #eee;
    margin-right:22px;
	margin-left:6px;
    width:276px;
	height:auto;
   
    
}

	
.profile-gallery-item-picture
{
    
	max-width:268px;
	text-align:center;
    height: auto;
	padding:2px;
	margin-top:2px;
	
	background-color: #fff;
	
	
}

.profile-gallery-item-text > p, .profile-gallery-item-text > h2
{
	background-color:#eee;
    color:#0D0D0D;
}

.profile-gallery-item-text h2{
    font-size: .8em;
}


.user-page-gallery-item-image-panel
{
    float:left;width:33%;
    
}
.user-page-gallery-item-image
{
    max-width: 240px;
    padding: 10px;
}
.user-page-gallery-item-info
{
    float:left;width: 66%;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .col-1 {width: 80.33px;}
    .col-2 {width: 160.66px;}
    .col-3 {width: 250px;}
    .col-4 {width: 321.33px;}
    .col-5 {width: 401.66px;}
    .col-6 {width: 482px;}
    .col-7 {width: 562.33px;}
    .col-8 {width: 642.66px;}
    .col-9 {width: 723px;}
    .col-10 {width: 803.33px;}
    .col-11 {width: 883.66px;}
    .col-12 {width: 100%;}
    
/*******************************************************************************
* PAGE-SPECIFIC CLASSES & ID:S
********************************************************************************
*/

    #language-selector{
        min-width: 964px;
    }
    
    #language-selector a{
        color:#3D3D3D;
        font-size: 10px;
    }
    
    #main-header{
         width: 964px; 
         margin: 0 auto;
    }
    
    #main-menu{
        display: inline;
        float: right; 
        width: 600px; 
        text-align: right;
    }
    /*   stommen kopierat från https://webdevtrick.com/css-dropdown-menu/ design justerad efterhand*/
    nav ul {
            margin: 0;
            padding: 5px 0;
            list-style: none;
            position: relative;
            }	
    nav ul li {
            display:inline-block;
            padding-left: 1.05em;;
            background-color: #fff;
            padding-top: 5px;
            
            }
    nav a {
            display:block;
            text-decoration: none;
            text-transform: uppercase;
            font-family: 'Russo One', sans-serif;
/*            font-family: 'Anton', sans-serif;*/
            /*font-family: 'roboto', sans-serif;*/
            color: #0c0c0c;
            /*letter-spacing: 1px;*/
            font-size: 0.8em;
            line-height: 1.8em;
            padding-bottom: 3px;

    }
    nav a:hover { 
        color: #ffb900;
    }
    nav ul ul {
            display: none;
            position: absolute; 
            top: 36px; 	
            left: 40px;
    }	
    .menu-huvudmeny-container ul li:hover > ul {
            display:block;
            left:103px;
            padding: 2px;
			padding-top: 4px;
            /*border-bottom: #ccc solid 1px;
            border-left: #ccc solid 1px;
            border-right: #ccc solid 1px;*/
    }	
    
    /*#menu-huvudmeny-suomi nav ul li:hover > ul {*/
	.menu-huvudmeny-suomi-container ul li:hover > ul {
            display:block;
            left:162px;
            padding: 2px;
			padding-top:4px;
			/*background-color: white;
			
			
			border-top:#fff solid 2px;
            border-bottom: #ccc solid 1px;
            border-left: #ccc solid 1px;
            border-right: #ccc solid 1px;*/
    }	
    
    nav ul li:hover > ul a {
            border: none;
            font-weight: 500;
            /*color: #0c0c0c;*/
            
    }	
    
    nav ul li:hover > ul a:hover { 
        color: #ffcf00; /*#ffb900;*/
    }
    
    nav ul ul li {
            width:138px;
            /*float:none;*/
            display:list-item;
            position: relative;
            padding-right: 0;
    }
/*    nav ul ul ul li {
            position: relative;
            top:-60px; 
            left:0;
    }*/
    nav ul ul li {
/*            border-bottom: 1px solid #ffb900;*/
    }	
    li > a:after { content:  ' ▼'; }
    li > a:only-child:after { content: ''; }

    .current-menu-item a{
        border: solid 1px #ffb900;
        border-radius: 4px;
        /*background-color: #ccc;*/
        font-weight: 500;
        color: #ffb900;
        padding: 3px;
    }
    
    .current-menu-parent a{
        border: solid 1px #ffb900;
        border-radius: 4px;
        /*background-color: #ccc;*/
        font-weight: 500;
        color: #ffb900;
        padding: 3px;
    }
    
    .current-menu-parent ul.sub-menu a{
        border: none;
        font-weight: 500;
        color: #0c0c0c;

    }
    
    .current-menu-parent ul.sub-menu .current-menu-item a:before{
        content:  '▶ ';
    }
    
    .current-menu-parent ul.sub-menu .menu-item a:hover { 
        color: #ffb900;
        width: 100%;
    }
    
    #mainmenubutton{
        display: none;
    }
       
    
    #main-info-text{
        width: 500px; 
        
    }
    
    #main-info-text p{       
        font-size: 1.8em; 
        line-height: 1.6em;
    }
	
	#top-banner 
	{
		width: 60%;
		padding:10px 20px;
	}
    
    #top-banner-image {
        width: 500px;
    
    }
    
    #main-gallery-section{
		/*width: 840px;*/
		width: 1000px;
		 /*width:670px;
		 width: 300px;*/
        margin: 0 auto;
    }
    
    .gallery-item-image
    {
        width: 295px;
        height: auto;
        text-align: center;
        /*height: 500px;*/
    }
	
    
    .gallery-item{
        width: 314px;
        /*height: auto;
		height: 456px*/;
        float: left;
        padding:10px;
        margin-left: 12px;
    }
	
	#member-gallery-container
	{
		width:840px;text-align:center;margin:60px auto;background-color:#fff;
	}
	
	#member-gallery-frame
	{
		width:840px;text-align:center;background-color:#dde4ea;border:solid 5px #fff;border-radius:20px;
	}
	
	.member-gallery-image
	{
		width:250px;padding:12px;background-color:#fff;
	}
	
	#member-gallery-container-phone
	{
		display:none;
	}
    
    .read-more-button 
    {
        margin: 30px auto;
    }
    .read-more-button a
    {
        border: #ffb900 solid 1px;
        border-radius: 5px;
        font-size: 1.1em;
        padding: 5px;

    }
    
    #footer-content{
        width: 964px;

    }
    
    #sidebar-1{
        float: left;
        width: 320px;
    }
    
    #sidebar-2{
        float: left;
        width: 320px;
    }
    
    #sidebar-3{
        float: left;
        width: 300px;
    }
    
    .main{
        width: 100%;
        padding-top: 40px;
        

    }
    
    .main-single-col
    {
        width: 964px;
        margin: 0 auto;
    }
    
    .main-double-col{
        float: left;
        width: 720px;
        /*border-right: dotted 2px #ccc;*/
    }
    
    
  
    .aside-double-col{
        float: right;
        width: 220px;
        /*padding: 10px;*/
    }
    
    
    .info-section{
        
    }
    
  

#activity-top
{
    width: 964px;
    margin: 0 auto;
}

#activity-section 
{
    width: 964px;
    margin: 0 auto;
	padding-bottom:20px;
    background-color: #eee;
        
}
	
	.activity-item
	 {

		 text-align:left;
		 margin:20px 0 10px 18px;
		 padding: 10px; 
		 background-color: white; 
		 vertical-align: top; 
		 text-align:center;
	 }

 /*.activity-item
 {
     display: inline-block; 
     width: 442px; 	 
     margin:20px 0 10px 18px;
     padding: 10px; 
     background-color: white; 
     vertical-align: top; 
     text-align:center;
 }*/
 
	main{
    width: 75%;
    padding-top: 10px;
    float: left;
    border-right: grey dashed 1px;
    
}
	
#arets-konstnar-h-banner
{
	display:block;
	margin: 0 auto; 
	width:840px;
	text-align:center;
}


	
.cupido-form!important
{
	padding-top: 40px;
}
	
	/*spec pages id:s */
.ak-main-frame
{
	max-width:860px;text-align:center;margin:0 auto;
}

.ak-background-color-frame
{
	text-align:center;background-color:#dde4ea;margin:20px 10px;padding:10px 20px;
}

.ak-left-frame
{
	 float:left;padding:10px;width:50%;
}

.ak-right-frame
{
	 float:right; padding:10px;width:50%;
}

.ak-citation
{
	 text-align:center;width:80%; margin:10px auto;font-size:1.45em;
}

.ak_more {
    background-color: white;
}

.finalfest-img
{
	width:600px;
}
	
	#usergaleryupdatepanel
	{
		background-color:#fff;
		border: solid 2px #eee;
		border-radius:20px;
		padding:12px;
	}
	
#profile-photo
{
   
    width:20%;
    
}
	
#profile-text
{
	width:80%
}

#profile-event-info
{

    margin: 0 auto;
    padding:0 1em;
    line-height: 1.6;
    margin-bottom: 2em;
	background-color:white;
	border-radius:8px;
}

#profile-event-info h2
{
    text-align: left;
	margin:.4em 0;
	/*color: #311FA6;*/
}

#profile-event-flyer
{
    float:left;
    max-width: 320px;
    text-align: center;
    padding:0;
    margin-top:1em;
	background-color: #eee;

}

#profile-event-flyer img
{
    max-width: 316px;
    height: auto;
	padding: 1px;
	margin-top:2px;
	background-color: #fff;
}

#profile-event-flyer > h2
	{
		font-size: 0.7em;
		text-align: left;
	}
	#profile-event-flyer > p
	{
		font-size: 0.6em;
	}

	
	#event-info-text
	{
		float:left;
		width:60%;
		padding: 10px;
		color:#0D0D0D;
	}

#profile-gallery
{
    padding-bottom:14px;
	color: #0D0D0D;
    background-color: white;
	text-align: left;
	margin:0 auto;
	padding:0 1em;
    
}

.profile-gallery-item
{
	float:left;  
    text-align: center;
    padding:0;
    margin-top:1em;
	background-color: #eee;
    margin-right:22px;
	margin-left:6px;
    width:276px;
	height:auto;
   
    
}

	
.profile-gallery-item-picture
{
    
	max-width:268px;
	text-align:center;
    height: auto;
	padding:2px;
	margin-top:2px;
	
	background-color: #fff;
	
	
}

.profile-gallery-item-text > p, .profile-gallery-item-text > h2
{
	background-color:#eee;
    color:#0D0D0D;
}

.profile-gallery-item-text h2{
    font-size: .8em;
}
	
#imageloaderpanel
{
	width:70%;
    border:solid 2px #fff;
	border-radius: 10px;
	background-color: #eee;
    padding:6px;
}
.user-page-gallery-item-image-panel
{
    float: left;
    width: 33%;
}
.user-page-gallery-item-image
{
    max-width: 295px;
    padding: 10px;
}

.user-page-gallery-item-info
{
    float:left;width: 66%;
}
	

	
/*=============================== tillfälligga stilar för årets konstnär admin ==================================*/
	#main-admin{
		width: 1072px;
		margin: 5px auto;
		border-right: none;
	}
	
	article.artistpanel{
/*    text-align: center;
    margin: 5px auto;
    background-color: #eee;
    border: solid 5px #ddd;*/
    padding: 10px;
    margin-top:20px;
}

#artistpanelheader
{
    margin-top: 0;
    padding-bottom: 15px;
    /*line-height: 60px;
    border:none;
    border-radius: 10px;
    background-color: black;*/
    color: #666;
}
	
	.like-unlike-image
{
    cursor: pointer;
}

#item-meta-data
{
    width: 200px;
}

#numberoflikespanel{
    position: fixed;
    z-index: -1;
    top: 36px; 
    left:0; 
    width: 100%;
    height: 35px;
    background-color: white; 
    
}

#numberoflikespanel p{
    color: #666;
    text-align: center; 
    margin:2px auto;
    font-size: 0.8em;
}


.artworkimage
{
    background-color: white;
    padding: 10px;
}
main > header, aside > header {
    margin-top: 0px;
    width: 99%;
    
}

main > article, #archive > #oldarticles > article{
    text-align: center;
    margin: auto;
    padding: 10px;
    
}
/*=====================================================================================================*/

}