/*
Theme Name: seacity v5
Theme URI: www.seacity.com
Description: Custom Developed Theme For Seacity
Version:4
Author: Roshan Deshapriya
Author URI: www.pad10.com
Tags: seacity,fawaz al marzook, souk al kuwait
*/



/************************************************************************************
GENERAL
*************************************************************************************/


@font-face {
    font-family: 'HattoriHanzoLight';
    src: url('fonts/Hattori_Hanzo-webfont.eot');
    src: url('fonts/Hattori_Hanzo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hattori_Hanzo-webfont.woff') format('woff'),
         url('fonts/Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('fonts/Hattori_Hanzo-webfont.svg#HattoriHanzoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HattoriHanzoLightItalic';
    src: url('fonts/Hattori_Hanzo_Italic-webfont.eot');
    src: url('fonts/Hattori_Hanzo_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hattori_Hanzo_Italic-webfont.woff') format('woff'),
         url('fonts/Hattori_Hanzo_Italic-webfont.ttf') format('truetype'),
         url('fonts/Hattori_Hanzo_Italic-webfont.svg#HattoriHanzoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'socialicoregular';
    src: url('fonts/socialico-webfont.eot');
    src: url('fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socialico-webfont.woff') format('woff'),
         url('fonts/socialico-webfont.ttf') format('truetype'),
         url('fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*------sliderbox------*/
.boxes {
     background:none repeat scroll 0 0 #FFFFFF;
     float:left;
     padding:0px;
     position:relative;
     width:300px;
	 height:400px;
}
.block {
     color:#0066CC;
     float:left;
     overflow:hidden;
     position:relative;
     width:300px;
	 height:400px;
	 background-repeat:no-repeat;
}
.block h4, .block h4 a{
     color:#1A9CD6;
     font-size:11px;
     padding:5px 0;
     text-transform:uppercase;
     }

.slider{
     background-color:#000;
	 opacity:.9;
     float:left;
     list-style-type:none;
     margin:0;
     padding:10px;
     position:absolute;
     top:400px;
     width:280px;
     height:400px;
	 cursor:pointer;}
	 	
.slider h2{
	text-transform:uppercase;}

.slider p {text-align:center;margin:180px 0 0 0;font-size:2em;padding:0px;}
.slider p a{}
.slider p a:hover{text-decoration:underline;}

#newsdiv p{font-size: 1.1em}

/*---sliderbox end------*/


/*------ svglogo hack  for logo------*/

.picture{
		
		background: transparent url(img/logo.png) center center no-repeat;		
		background-image: -webkit-linear-gradient(transparent, transparent), url(img/logo.svg);
		background-image: linear-gradient(transparent, transparent), url(img/logo.svg);
		background-size: contain;
		height: 147px;
		max-width: 100%;
	}
	
	
a.postlink h2{text-transform:capitalize;}
a.postlink h2:hover{text-decoration:underline;}
p,h1,h2,h3,h4,h5,h6{font-family: 'HattoriHanzoLight';margin:0px;padding:0px;font-weight:normal;}
#gallery ul{list-style:none;margin:0px;padding:0px}

#gallery_title{float:left;width:100%;text-align:center;margin:15px 0 0 0;}
#gallery_title h1{color:#999;margin:0px;padding:0px;}

#yttitle, #title{text-transform:capitalize;}

a img{border:none;}
h3{color:#58abd4;font-size:1.5em;margin:15px 0 0 0}
#paginate{margin:15px 0 0 0;font-family: 'HattoriHanzoLight';float:left;}
#yttitle{text-align:left;margin:15px 0 12px 0}
#yttitle h3{margin:0 0 0 25px;}
.goog-useragent-gecko {width:100%;}

#contactform{width:300px;height:500px;margin:0px;padding:0px;}

/*---video gallery thubnails -----*/

.amazingslider-thumbnails li img{width:100px;height:100px;}

body {
	font: .9em/150% Arial, Helvetica, sans-serif,'HattoriHanzoLight';
	color: #666;
	padding:0 0 20px 0;
}
a {
	text-decoration: none;
	color: #39C;
}
h1, h2 {
	line-height: 120%;
	margin: 0 0 10px;
	color: #000;
}
#header {
	width: 960px;
	max-width: 100%;
	height:auto;
	content: " "; 
	/*display: table; */
}

#back{width:100%;margin:20px 0 0 0;text-align:center;float:left;text-transform:uppercase;}
#back a:hover{text-decoration:underline;}
.bxslider2{margin:0px 0 50px 0;padding:0px;}
.bxslider2 li{width:300px;height:500px;margin:0px;padding:0px;}
#album_title{font-family: 'HattoriHanzoLight';padding:5px;text-align:center;}
#album_title a:hover{text-decoration:underline;}
.bxslider2 a img:hover{opacity:.9;}

#logo{width:23.9583333%;height:auto;float:left;margin:0px;padding:0px}
#logo img{width:100%;height:auto;}
#headerinfopanel{width:34%;height:auto;float:right;margin:0px;padding:0px;background-color:#fff}
#socialmediatop{float:left;margin:0px 0 0 30%;padding:0px;background-color:#fff;font-family: 'socialicoregular';font-size:2em}


#search{width:50%;height:auto;float:left;margin:0px;padding:0px;background-color:#fff}
#socialmediatop ul {margin:0px;padding:0px;list-style:none;}
#socialmediatop ul li a {display:block;float:left;margin:0 15px 0 0;background-color:#fff;font-family: 'arial'}
#socialmediatop ul li a:hover{color:#FC0;}
#socialmediatop ul li a:nth-child(2 x 0) + 1{width:30px;display:block;background-color:#09F;}

/*-------------socialmedia--------------*/
.socialprix{list-style:none;}
#socialmediabottom{width:100%;height:30px;float:right;margin:0px;padding:0px;background-color:#fed02a;font-family: 'socialicoregular';font-size:2em;text-align:center;}

#socialwrapper{margin:3px 0 -10px 42.5%;width:21%;height:30px;float: right}
#socialwrapper ul {margin:0px;padding:0px;list-style:none;}
#socialwrapper ul li {display:block;float:left;margin:0 25px 0 0;}
#socialwrapper ul li a{list-style:none;font-family: 'socialicoregular';color:#000;font-size: 1.2em;margin: 0 0 0 0}
#socialwrapper ul li a:hover{color:#39C;}


.add li{margin:0 0 10px 0;}
.metadata{font-family: 'HattoriHanzoLightItalic';margin:0 0 15px 0;}
.artnavi{font-family: 'HattoriHanzoLightItalic';margin:15px 0 15px 0;}

.arabic_link{font-size:.45em;margin:0 8px 0 0}
#welcome{width:100%;float:right;height:auto;text-align:right;margin:10px 0 0 0}
#welcome h2{font-size:2em;color:#58abd4}
#addresstrip{width:100%;margin:10px 0 0 0;height:70px;float:left;background-color:#fed02a;}
#footer{width:100%;margin:10px 0 0 0;height:35px;float:left;}


/* ------ searchbox styles comes here ---------- */


.search_submit{display:none;}
.seinput{border:1px solid #58abd4;
		font-family:Verdana;
		background-color:#fff;
		text-transform:uppercase;
		font-size:.8em;
		width: 170px;
		padding:3px;
		color:#58abd4;}

#sbox h1{width:auto;
	height:auto;
	padding;15px;
	display:block;
	padding:10px;
	border:1px solid #000;}
/*--/search----*/


/************************************************************************************
STRUCTURE
*************************************************************************************/
#wrapper {
	width: 960px;
	max-width: 94%;
	margin: 5px auto 30px;
	padding:0 0 20px 0;
}
#content {
	clear: both;
	padding-top:0px;
	margin: 20px 0;
}
#empty{float:left;width:!00%;height:30px;margin:0px;padding:0px;}
#gallery{width:100%;float:left;margin:10px 0 0 0;height:auto;}
#bodycont{width:100%;float:left;margin:10px 0 0 0;height:auto;}
#bodycontin{width:85%;float:left;height:auto;clear:both;margin-right:5%;}
#galleryimg{width:100%;float:left;margin:10px 0 0 0;height:auto;padding:0 0 30px 0;}

#featurepanel{width:100%;float:left;margin:0;padding:0px}
#div1,#div2,#div3{width:32.291667%;height:auto;margin:5px;float:left;}
#div2,#div3{width:32.291667%;height:auto;margin:20px 5px 0 ;float:left;}

#title{width:100%;height:20px;float:left;font-family: 'HattoriHanzoLight';color:#58abd4;font-size:1.5em;margin:0 0 15px 0;}
#divcontent{width:100%;height:200px;float:left;}

#divcontent_news{width:100%;height:200px;float:left;overflow: hidden;}
#divcontent_news img{width: 100%}

#div2 ul{margin:0px;padding:0px;list-style:none;}
#div3 ul{margin:0px;padding:0px;list-style:none;}
#div2 ul li{margin:0 0 3px 0;}
#div3 ul li{margin:0 0 10px 0;}
#newstitle{font-family: 'HattoriHanzoLight';color:#58abd4;font-size:1em;}
#newsbody{font-family: 'HattoriHanzoLight';color:#333;font-size:.85em;line-height:15px;}
#galleryimg ul{margin:0px;padding:0px;list-style:none;}

.icon-envelope-alt{color:#000;font-size:.7em;margin:8px 0 35px 0;padding:0 0 0 0;width:15px;height:10px;float:left;}
.icon-envelope-alt:hover{color:#58abd4;}

#facebook,#twitter,#youtube{font-family: 'socialicoregular';font-size:2.5em;float:left;margin:0 25px 0 0;}
#envelope {width:260px;height:50px;float:left;margin:0px;padding:0px;background-color:#fff;}
.socialprix li a:hover{color:#000;}


/************************************************************************************
NAV
*************************************************************************************/
#navholder{width:100%;height:5px;position:relative;float:left;z-index:999}
#nav-wrap {
	margin-top: 20px 0 0 20px;
	float:right;
	width:71%;
	position:absolute;
	top:-25px;
	right:-85px;
	}


/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	margin-right: 0px;
}

/* nav link */
#nav a {
	padding: 4px 12px;
	display: block;
	color: #999;
	background: #fff;
	text-transform:uppercase;
	font-family: 'HattoriHanzoLight';
}
#nav a:hover {
	background: #fed02a;
	color:#000;
}

/* nav dropdown */
#nav ul {
	background: #fff;
	padding: 5px 2px 2px 2px;
	position: absolute;
	display: none; /* hide dropdown */
	width: 200px;	
}

#nav ul li ul{
	padding: 5px 2px 2px 2px;
	position: absolute;
	display: none; /* hide dropdown */
	width: 200px;
	left:203px;
	top:25px;
	
}



#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */

}

#nav li ul li{margin:-5px 0 0 0;}

#nav .current-menu-item > a,
#nav .current-menu-ancestor > a,
#nav .current_page_item > a,
#nav .current_page_ancestor > a {
	background: #fed02a;
	color:#000;
}

/**************************************** TABLETS *********************************/
@media screen and (max-width: 768px) {
	#headerinfopanel{width:50%;height:auto;float:right;margin:0px;padding:0px;background-color:#FFF}
	#gallery{width:100%;float:left;margin:35px 0 0 0;height:auto;}
	#featurepanel{width:100%;float:left;margin:0 0 30px 0;padding:0px;height: 650px;clear: both;}
	#div1{width:45%;height:auto;margin:5px 0 5px 0;float:left;}
	#div2{width:45%;height:auto;margin:20px 0 5px 0 ;float:left;}
	#galleryimg{width:100%;float:left;margin:20px 0 0 0;height:auto;padding:0 0 30px 0;}
	#gallery img{width:100%;height:auto;}
	#bodycont{width:100%;float:left;margin:30px 0 0 0;height:auto;}
	#bodycont img{width:100%;height:auto;}
	#footer{width:100%;float: left;margin: 30px 0 0 0;height:30px}
	.bxslider2{margin:30px 0 0px 0;padding:0px;}
	
	#gallery_title{float:left;width:100%;text-align:center;margin:50px 0 0 0;}
	#gallery_title h1{font-size:1.6em;}

	
	/*-------------socialmedia--------------*/
.socialprix{list-style:none;}
#socialmediabottom{width:100%;height:30px;float:right;margin:0px;padding:0px;background-color:#fed02a;font-family: 'socialicoregular';font-size:2em;text-align:center;}

#socialwrapper{margin:3px 0 0 38%;width:30%;height:30px;float: none}
#socialwrapper ul {margin:0px;padding:0px;list-style:none;}
#socialwrapper ul li {display:block;float:left;margin:0 25px 0 0;}
#socialwrapper ul li a{list-style:none;font-family: 'socialicoregular';color:#000;font-size: 1.2em;margin: 0 0 0 0}
#socialwrapper ul li a:hover{color:#39C;}



	
	 .video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}

	
	#div3{width: 100%;margin: 0 0 30px 0;padding: 0px;float: left;}
	#divcontent{width: 100%;margin: 0px;padding: 0px;float: left;}

	#divcontent_news{width:100%;float:left;overflow: hidden;}
	#divcontent_news img{width: 100%}



	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left:0px;
	    width: 100%;
	    height: 100%;
	}
	
/*---------googlemap---------*/

 .video-container-google {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container-google iframe,
.video-container-google object,
.video-container-google embed {
    position: absolute;
    top: 0;
    left:15%;
    width: 100%;
    height: 100%;
}
		
	
	#welcome h2{font-size:1.5em;color:#58abd4}
	
	#navholder{width:100%;height:5px;position:relative;float:left;z-index:999;}
	#nav-wrap {
		margin-top: 20px 0 0 20px;
		float:right;
		width:100%;
		position:absolute;
		top:10px;
		right:-10px;
		}


	/* menu icon */
	#menu-icon {
		display: none; /* hide menu icon initially */
	}

	#nav, 
	#nav li {
		margin: 0;
		padding: 0;
	}
	#nav li {
		list-style: none;
		float: left;
		margin-right: 5px;
	}

	/* nav link */
	#nav a {
		font-size:.85em;
		padding: 4px 12px;
		display: block;
		color: #999;
		background: #FFF;
		text-transform:uppercase;
		font-family: 'HattoriHanzoLight';
	}
	#nav a:hover {
		background: #fed02a;
		color:#000;
	}

	/* nav dropdown */
	#nav ul {
		background: #fff;
			padding: 5px 2px 2px 0px;
		position: absolute;
		display: none; /* hide dropdown */
		width: 200px;
	}
	#nav ul li {
		float: none;
		margin: 0;
		padding: 0;
	}
	#nav li:hover > ul {
		display: block; /* show dropdown on hover */
	}
	
	#nav .current-menu-item > a,
	#nav .current-menu-ancestor > a,
	#nav .current_page_item > a,
	#nav .current_page_ancestor > a {
		background: #fed02a;
		color:#000;
	}
	
	
	
	
}


/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {
	
#header{width:100%}
#yttitle h3{margin:0 0 0 0;}
#yttitle, #title{text-transform:capitalize;}
.youtube{margin:0 0 50px 0;}	
#gallery_title{float:left;width:100%;text-align:center;margin:50px 0 0 0;}
#gallery_title h1{font-size:1.6em;}

#galleryimg{margin:50px 0 0 0;}

img{width:100%;height:auto;}
#logo{width:60%;height:auto;margin:0 20%;}
#headerinfopanel{width:100%;height:auto;float:left;margin:10px 0 0 0;padding:0px;background-color:#fff}
#socialmediatop{width:25%;height:auto;float:left;margin:0 0 20px 43%;padding:0px;background-color:#fff;font-family: 'socialicoregular';text-align:center;font-size:3em}
#socialmediatop ul{margin:0 0 0 0}
#socialmediatop ul li a {display:block;float:left;margin:25px 25px 0 0;background-color:#fff;font-family: 'socialicoregular';font-size:.8em}

/*
#socialmediabottom{width:50%;height:25px;float:right;margin:0 15% 0 0;padding:0px;background-color:#fff;font-family: 'socialicoregular';font-size:2em}
#socialmediabottom ul li a{margin:0 15% 0 0}
*/

/*-------------socialmedia--------------*/
.socialprix{list-style:none;}
#socialmediabottom{width:100%;height:30px;float:right;margin:0px;padding:0px;background-color:#fed02a;font-family: 'socialicoregular';font-size:2em;text-align:center;}

#socialwrapper{margin:3px 0 0 25%;width:60%;height:30px;float: none;}
#socialwrapper ul {margin:0px;padding:0px;list-style:none;}
#socialwrapper ul li {display:block;float:left;margin:0 25px 0 0;}
#socialwrapper ul li a{list-style:none;font-family: 'socialicoregular';color:#000;font-size: 1.2em;margin: 0 0 0 0}
#socialwrapper ul li a:hover{color:#39C;}


#newsbody{font-family: 'HattoriHanzoLight';color:#333;font-size:.9em;line-height:15px;}
#bodycont{width:100%;float:left;margin:50px 0 0 0;height:auto;}

#bodycontin{width:100%;}
#bodycontin h2{text-align:center;}
.metadata{text-align:center;}
#postcontent{text-align:justify;}

#bodycont h1{text-align:center;}
#search{width:100%;height:auto;float:left;margin:0px;padding:0px;background-color:#fff;}
.seinput{border:1px solid #58abd4;
		font-family:Verdana;
		background-color:#fff;
		text-transform:uppercase;
		font-size:.8em;
		width:100%;
		padding:5px;
		color:#58abd4;}
		
		

#div1{width:100%;height:auto;margin:10px 0 10px 0;float:left;}
#welcome h2{font-size:2em;color:#58abd4;text-align:center}
#navholder{width:100%;height:15px;position:relative;float:left;margin:15px 0 0 0}
#div2{width:100%;height:auto;margin:100px 5px 20px 0 ;float:left;}
#div3{width:100%;height:auto;margin:20px 5px 0 ;float:left;}
#featurepanel{width:100%;float:left;margin:0 0 30px 0;padding:0px;height: 870px;clear: both;}

#divcontent_news{width:100%;float:left;overflow: hidden;}
#divcontent_news img{width: 100%}


 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*---------googlemap---------*/

 .video-container-google {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container-google iframe,
.video-container-google object,
.video-container-google embed {
    position: absolute;
    top: 0;
    left:15%;
    width: 120%;
    height: 100%;
}


#content {
	padding-top:50px;
	margin: 20px 0;
}

 /*---- youtube esponsieve ------*/
 



	/* nav-wrap */
	#nav-wrap {
		position: relative;
		float:left;
		
			}

	/* menu icon */
	#menu-icon {
		color: #3CF;
		width:90%;
		height: 30px;
		background: #fff url(images/menu-icon.png) no-repeat 10px center;
		padding:5px 0 0 0;
		margin:0px 2%;
		cursor: pointer;
		text-align:center;
		border: solid 1px #3CF;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #3cf;
		color:#fff;
	}
	#menu-icon.active {
		background-color: #3cf;
		color:#fff;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		left:1%;
		top: 38px;
		width: 85%;
		z-index:9999;	
		padding: 5px;
		background: #FFF;
		border: solid 1px #3CF;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}
	#content{background-color:#fff;color:#333;padding:0 20px 0 0;margin:20px 0 0 0;}
	
	.wpcf7-form-control-wrap input{width:150px;}
	.wpcf7-form-control-wrap {width:150px;}

}

@media screen and (min-width: 600px) {

	/* ensure #nav is visible on desktop version */
	#nav {display: block !important;}

}






@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";