/*
Theme Name: Galleri Ekvall+Tornblom
Author: STHLMWebDesign.com 
Author URI: http://sthlmwebdesign.com
Description: Custom theme for Galleri Ekvall+Tornblom.
Version: 2.0
License: Private - All rights reserved 
*/

/*  RESET - Website style reset
----------------------------------------------------------------------------------------------------*/

header, footer, nav, section, article { display:block; }

body {
	color: #FFF;
	background: #000;
	font: 15px/1.5 'HelveticaNeue-Light', Helvetica, 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin: 0; padding: 0;
}

a { color: #FFF; text-decoration: none; }
a:hover { border-bottom: 1px solid #67cccc; }

a img, a:hover img {border: none !important; display: block;}
#fancybox-close {border: none !important; } /* Fix underline bug in Fancybox */

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family: Futura-Cd;}

ul {margin: 0; padding: 0; list-style-type: none;}

/*  CLASSES, HEADERS, & HELPERS - classes & helpers for website
----------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: Futura-Cd; 
	src: url('./fonts/futura-condensed-medium.eot');                             /* IE9 Compatibility Modes */
	src: url('./fonts/futura-condensed-medium.eot?iefix') format('eot');         /* IE6-IE8 */
	src: url('./fonts/futura-condensed-medium.ttf')  format('truetype');         /* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

.clear {clear: both;}

.turquoise {color: #67cccc;}
.turquoise_bg {background: #67cccc;}

.pink {color: #cc66c6;}
.pink_bg {background: #cc66c6;}

.grey {color: #252525;}
.grey_bg {background: #252525;}

.white {color: #fff;}
.white_bg {background: #fff;}

.black {color: #000;}
.black_bg {background: #000;}

.small {font-size: 10px;}
.large {font-size: 18px;}

.padding10 {padding: 5px; margin: 10px 0;}

/*  LAYOUT - website layout elements
----------------------------------------------------------------------------------------------------*/


#wrapper {
	width: 1020px;
	height: 100%;
	overflow: auto; 
	margin: 10px auto;
	padding: 0;
}

header {
	background-image: url('./images/logo.png');
	background-repeat:no-repeat;
	width: 1020px; height: 64px;
	margin: 0 0 25px 0; padding: 0;
}
header h1 {display: none; }

nav {
	margin: 0 0 25px 0;
	overflow: hidden;
}

ul.menu {
	font-family: Futura-Cd;
	font-size: 35px;
	font-size: 23px\9; /* IE8 and below */
 	*font-size: 23px; /* IE7 and below */
	text-align: center;
	text-transform: uppercase;
	overflow: auto;
}
ul.menu li {
	width: 330px; height: 65px; 
	float: left; 
	margin: 0 15px 0 0; 
	padding: 15px 0 0 0;
}
ul.menu li a:hover { border-bottom: 5px solid #67cccc; }
ul.menu li.current-page-ancestor a, ul.menu li.current_page_item a { border-bottom: 5px solid #67cccc; }
ul.menu li#menu-item-11 {margin-right: 0px;}


section {
	margin: 0 0 50px 0;
	overflow: auto;
}
article {}
aside {}

footer {clear: both; font-size: 12px; margin: 50px 0 15px 0; padding: 0;}
footer p {text-align: center;}
#palette {
	margin: 0 auto;
	clear: both;
	overflow: auto;
	display: block;
	width: 140px;
}

.square {
	height: 20px; 
	width: 20px;
	float: left;
	margin-right: 15px;
}


/*  AKTUELL PAGE
----------------------------------------------------------------------------------------------------*/

section#current article {
	margin: 0; padding: 0; 
	overflow: hidden; 
}
h2.current_banner {
	font-family: Futura-Cd;
	font-size: 40px; /* Moded by Yar for long text, it was 45px */
	font-size: 23px\9; /* IE8 and below */
 	*font-size: 23px; /* IE7 and below */
	color: #FFF;
	margin: 0; padding: 10px 25px 0px 25px;  
}
#current_image {
	float: left; 
	margin: 0; padding: 0;
}
#current_image img {margin: 0; padding: 0; vertical-align: bottom; width: 600px; height: auto;}
#current_details {
	float: right; 
	margin: 0; padding: 0; 
	width: 340px;
	
}
#current_details h3 {
	font-family: Futura-Cd;
	font-size: 25px;
	background: #cc66c6;
	color: #000;
	margin: 15px 0 15px 20px; padding: 10px 25px;
	text-align: left;
}
#current_details p {padding: 0 25px; font-size: 12.5px;}

#icon-cont {
	width: 20%; 
	margin: 0 0 5px 25px;
	overflow: auto;
}
#icon-cont a:hover {border-bottom: none;}
.social_icons {
	display: inline-block; 
	background-size: 100%; 
	width: 32px; height: 32px; 
	text-indent: -999em; 
	float: left;
}
.facebook {
background-image:  url('./images/icon-facebook.png');
background-size: 32px 32px; background-repeat: no-repeat;
}

.twitter {
background-image:  url('./images/icon-twitter.png');
background-size: 32px 32px; background-repeat: no-repeat;
}
.wpcf7-form {}
.wpcf7-form p {}
.wpcf7-form span {display: inline-block;}
.wpcf7-form br {display: none;}
.wpcf7-form input {}
 
/*  OM PAGE
----------------------------------------------------------------------------------------------------*/

#map {
	height: 400px; 
	overflow: hidden; 
	background-image: url('./images/map.png');
	background-repeat:no-repeat;
	margin: 0; padding: 0;
}
#map-details {
	padding: 5px 25px 5px 25px; 
	height: 400px;
	width: 300px;
	color: #000;
}
#map-details a {color: #000;}
#map-details a:hover {color: #FFF;}
#map-details h2 {color: #000; margin-top: 0px;}

section#om h2 {
	font-family: Futura-Cd;
	font-size: 35px;
	font-size: 30px\9; /* IE8 and below */
 	*font-size: 30px; /* IE7 and below */
}

#about-left {
	padding: 25px; 
	width: 430px; 
	float: left; 
	margin-right: 20px;
}
#about-right {
	padding: 25px; 
	width: 430px; 
	float: right; 
}
#about-left h2, #about-right h2 {
	font-family: Futura-Cd;
	font-size: 35px;
}

/*  KONSTNARER PAGE
----------------------------------------------------------------------------------------------------*/

.artist_grid {
	height: 245px; width: 245px;
	margin: 0px 10px 10px 0px; padding: 0; 
	background: #252525;
	float: left;
	text-align: center;
}
.artist_grid_thumb {
	height: 200px; width: 200px;
	margin: 20px auto 0 auto; 
	background: #FFF;
}
.artist_grid_thumb img {width: 200px; height: 200px;}

.notice {
	width: 50%;
	margin: 10px auto;	
}

#konstnarer article {width: 720px; float: left;}
#konstnarer aside {width: 300px; float: right; overflow: hidden;}
#konstnarer aside h2 { font-family: Futura-Cd; font-size: 35px; }
#konstnarer aside { font-size: 12.5px }

.ngg-galleryoverview {
	width: 700px;
	padding: 0 20px 0 0;
	overflow: auto;
}
.ngg-gallery-thumbnail-box {height: 150px; float: left; margin-bottom: 10px; overflow: hidden; }
.ngg-gallery-thumbnail {
	background: #252525;
	padding: 5px; 
	margin: 0 10px 10px 0;
	overflow: hidden;
}
.ngg-gallery-thumbnail:hover {background: #67cccc;}
.ngg-gallery-thumbnail img {

}

.interested {
	background: #cc66c6;
	color: #000;
	padding: 5px 15px;
	display: inline;
	font-family: Futura-Cd;
	font-size: 25px;
	
}
a.interested:hover {border: none; color: #FFF;} 


.ngg-gallery-thumbnail img {
    max-width: 140px !important;
    height: auto !important;
}

#ngg-gallery-b471829218978648736d32375e4508de-1 #ngg-image-5,
#ngg-gallery-b471829218978648736d32375e4508de-1 #ngg-image-8,
#ngg-gallery-b471829218978648736d32375e4508de-1 #ngg-image-11 {
    display: none !important;
}

@media (max-width: 414px) {
    #current_details{
        width: 100%;
        padding: 40px 0px;
    }
    #about-left, #about-right, #map-details{
        width: 100%;
	float: inherit;
        margin-right: 0;
        padding: 0;
    }
    #map{
	height: auto;
    }
    #map-details{
	height: auto;
	padding-bottom: 25px;
    }
    #about-left h2, #about-right h2, #map-details h2, #map-details p, #konstnarer aside h2, #konstnarer aside p{
        padding: 25px 25px 0;
    }
    .interested{
        margin: 25px;
    }
    #wrapper {
        width: 100%;
    }
    ul.menu {
        font-size: 26px;
        letter-spacing: .9px;
    }
    ul.menu li {
        width: auto;
        height: auto;
        margin: 0;
        padding: 15px 0 0 0;
        float: inherit;
    }
    ul.menu li.current-page-ancestor a, ul.menu li.current_page_item a {
        border-bottom: 4px solid #67cccc;
    }
    #current_image img, header, .ngg-galleryoverview, #konstnarer aside {
        width: 100%;
        height: auto;
    }
    .textwidget{
	padding: 25px;
    }
    header h1{
        display: block;
        font-size: 43px;
        text-align: center;
        letter-spacing: .5px;
    }
    header {
        background-image: none;
    }
    .artist_grid {
        height: auto;
        width: 100%;
        margin: 0;
    }
    #konstnarer article {
        width: 100%;
        float: inherit;
    }
    .ngg-gallery-thumbnail img {
        max-width: 100% !important;
        width: 100%;
    }
    .ngg-gallery-thumbnail{
	margin: 0;
    }
    .ngg-gallery-thumbnail-box {
        height: 200px;
        width: 200px;
        margin: 20px auto 0 auto;
        float: inherit;
    }
    .ngg-galleryoverview{
        padding: 0;
    }
}