/*  
Theme Name: Gul Panag Website - 2016
Theme URI: http://www.gulpanag.net/
Description: Exclusive Gul Panag website theme.
Version: Transitional
Author: Webonautics
Author URI: http://www.webonautics.com/

*/

/* CSS Contents -

01. MAIN 
02. LAYOUT 
03. TYPE 
04. IMAGES
05. MENU 
06. BULLETS AND TABLES 
07. POSTS AND COMMENTS 
08. FORMS 
09. RESPONSIVE
10. PLUGIN */

/*------------------------------------
  RESET STYLES
------------------------------------*/
body { font: 14px/150% 'Open Sans', sans-serif;}
body { *font-size: small; *font: x-small;  }
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, lMako, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video, a {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent none no-repeat 0 0;
color: #000;
font-weight: normal;
}

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background: #d5ffc0; color: #000; text-decoration: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0;  font-size: inherit; font: 100%;}
input, select { vertical-align: middle;  font: 14px Arial, Helvetica, sans-serif; color:  #000;}
pre, code, kbd, samp { font-family:  monospace, sans-serif; } 
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a{color: #000; text-decoration: none;}
a:hover, a:active { color: #ff4c22; outline: none; }
a:focus { outline: none; }
ul { margin-left: 30px; }
ol { margin-left: 30px; list-style-type:  circle; }

small { font-size: 85%; }
strong{ font-weight:  bold; }
sub { vertical-align:  sub; font-size:  smaller; }
sup { vertical-align:  super; font-size:  smaller; }

input[type="radio"] { vertical-align:  text-bottom; }
input[type="checkbox"] { vertical-align:  bottom; *vertical-align:  baseline; }
lMako, input[type=button], input[type=submit], button { cursor:  pointer; }
::-moz-selection{ background:  #0b7289; color: #fff; text-shadow:  none; }
::selection { background: #0b7289; color: #fff; text-shadow:  none; } 
a:link { -webkit-tap-highlight-color:  #ccc; } 
html { overflow-y:  scroll; }
button {  width:  auto; overflow:  visible; }
.ie7 img { -ms-interpolation-mode:  bicubic; }

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Italic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold Italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Bree Serif';
    src: url('../fonts/breeserif-regular-webfont.woff2') format('woff2'),
         url('../fonts/breeserif-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


textarea:focus, input:focus, select:focus{
outline: 0;
}

*:focus, a:focus {
outline: 0;
}

.show-admin-bar { 
display: none !important; 
padding: 0px !important;
height: 0px !important;
margin: 0px !important;
}

/*------------------------------------
  01. MAIN
------------------------------------*/
body{
background: #fff;
transition: all .2s linear; 
-o-transition: all .2s linear; 
-moz-transition: all .2s linear; 
-webkit-transition: all .2s linear;
margin: 0px;
color: #4f4f4f;
}

a:link, a:active, a:visited{
color: #c30000;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}
 


/* *********************** main nav styles *********************** */	
#navcontainer{
margin: 0px;
padding: 10px 0px 10px 0px;
text-align: center;	
background: #000;
}

#navcontainer ul{
margin: 0px !important;
padding: 0px !important;
list-style: none;
line-height: normal !important;
}

	#navcontainer ul li{
	display: inline-block;
	position: relative;
	margin: 0px 10px !important;
	}
	
	#navcontainer li a{
	padding: 10px 0px 10px 10px !important;
	margin: 0px 0px 0px 0px !important;
	text-transform: uppercase;
	color: #fff !important;
	font-size: 0.9em !important;
	letter-spacing: 0.35px;
	word-spacing: 0.3em;
	font-family: "Bree Serif", serif !important;
	}
	
	#navcontainer ul li a:hover,
	#navcontainer ul li:hover > a{
	color: #bbb !important;
	}
	
	#navcontainer ul ul{
	display: none;
	position: absolute;
	top: 20px;
	left: 5px;
	float: left;
	width: 180px;
	z-index: 99999;
	border: 0px !important;	
	background: url(../designfiles/drop-bk.png) repeat;
	padding: 0px 10px !important;
	}
	
	#navcontainer ul ul li{
	width: 180px;
	padding: 0px 0px 0px 0px !important; 
	text-align: left;
	margin: 0px 0px 1px 0px !important;
	background-color: rgba(0, 0, 0, 0.9);
	}

	  #navcontainer ul ul li:last-child{
	  content: "";
	  border-bottom: 0px solid #fff !important;
	  }		
	
	#navcontainer ul ul ul{
	left: 100%;
	top: 0;
	}
	
	#navcontainer ul ul a, #navcontainer ul ul a:visited, #navcontainer ul ul a:active{
	padding: 0px 10px 10px 10px !important;
	width: 160px;
	display: block;
	margin: 0px !important;
	text-align: left;
	}
	
	#navcontainer ul ul li:hover > a{
	color: #000;	
	}
	
	#navcontainer ul li:hover > ul{
	display: block;
	}
	
	* html #navcontainer ul li a:hover {
	color: #bbb !important;	
	}
	
	#navcontainer ul li.current_page_item > a,
	#navcontainer ul li.current-menu-item > a,
	* html #navcontainer li.current_page_item a,
	* html #navcontainer ul li.current-menu-item a{
	color: #bbb !important;
	}
	
	#navcontainer ul ul li.current_page_item > a,
	#navcontainer ul ul li.current-menu-item > a,
	* html #navcontainer ul ul li.current-menu-item a{
	color: #bbb !important;
	}
	
	* html #navcontainer ul li.current-menu-ancestor a
	* html #navcontainer ul li.current-menu-parent a, 
	* html #navcontainer ul li.current-menu-parent a,
	#navcontainer ul li.current-menu-ancestor > a,
	#navcontainer ul li.current-menu-parent > a {
	color: #bbb !important;
	}
	
	#navcontainer li.menu-item-has-children  {
	padding: 0px 12px 0px 0px !important;		
	background: url(../designfiles/drop-up.png) no-repeat right center;
	}
	
	#navcontainer li.menu-item-has-children:hover,
	#navcontainer li.menu-item-has-children:hover > a:after {
	background: url(../designfiles/drop-dn.png) no-repeat right center;
	}
	
	#navcontainer li:before{
	content: " | ";
	color: #fff;
	color: rgba(255, 255, 255, 1.0);
	margin: 0px 10px 0px 0px !important;
	}
	
	#navcontainer ul li ul li:before, #navcontainer li:first-child:before{
	content: "";
	padding: 0px !important;
	}

/*------------------------------------
  02. LAYOUT
------------------------------------*/
#container {
margin: 0 auto;
width: 100%;
text-align: left;
} 

.centerBox{
width: 80%/* 80%*/ !important;
max-width: 1000px;
margin: 0px auto;
}

#header{
height: 190px;
background: url(../designfiles/inner-page-gul-panag.jpg) no-repeat right top;
}

#headerHome{
height: 120px;
}		

#logo{
text-align: left;
padding: 40px 0px 0px 0px;
float: left;
}

/* ---- home page ---- */
#homePhoto{
background: url(../designfiles/gp-home.jpg) no-repeat 70% top;
}

#mobilePhoto{
	background: none;
	padding-top: 0px; 
}

#blocks{
margin: 0px 0px 30px 0px;
}

.homeBlock{
background: url(../designfiles/block-background.png) no-repeat center top;
width: 543px;
margin-bottom: 15px;
}

.blockArea{
margin: 0px 9px;
padding: 10px 0px 0px 0px;
text-align:left;
background: #f1f0f0;
}

.title{
font: 16px 'Bree Serif', serif; 
color: #fff;
background: url(../designfiles/title-ribbon.png) no-repeat left top;
padding: 5px 5px 0px 10px;
height: 33px;
margin: 1px 0px 0px 0px;
}

.blockLink{
background: url(../designfiles/link-ribbon.png) no-repeat right top;
padding: 2px 2px 5px 15px;
height: 24px;
margin: 6px 0px 0px 0px;
float: right;
text-align: right;
width: 55px;
}

.blockContents{
padding: 10px 15px 15px 10px;	
}

.blockContents a{
display: block;	
}

/* ---- portfolio listing ---- */
.columns{
width: 33.3%;
margin: 0px 0px 0px 0px !important;
}

#listing{
}

	article header, section header{
	height: auto !important;
	margin: 0px !important;
	padding: 0px !important;
	}
	
	#listing article{
	}
	
	.entry-snippet{
	margin: 0px 2px !important;
	padding: 5px;
	}
	
	.entry-snippet p{
	margin: 0px !important;
	}	
	
	.entry-snippet p.snippet{
	margin: 0px 0px 15px 0px !important;
	}		
	
	.entry-full{
	margin: 0px 15px !important;
	}
	
	.snippet{
	background: #f1f0f0;
	padding: 10px;
	}
	

#listing article.columns .entryAside, .entryAside{
text-align: left;
background: #fff;
color: #000 !important;
padding: 15px;
}	

#listing article iframe{
width: 100% !important;
}

/*---------
  COMMON
----------*/
.aRight{
text-align: right;	
}

.aLeft{
text-align: left;	
}

.aCenter{
text-align: center;	
}

.fLeft{
float: left;	
}

.fRight{
float: right;	
}

.clearfix:after{
content: "";
display: block;
clear: both;

}

.col-100{
width: 100%;	
}

.col-95{
width: 95%;	
}

.col-90{
width: 90%;	
}

.col-85{
width: 85%;	
}

.col-80{
width: 80%;	
}

.col-75{
width: 75%;	
}

.col-70{
width: 70%;	
}

.col-65{
width: 65%;	
}

.col-60{
width: 60%;	
}

.col-50{
width: 50%;	
}

.col-45{
width: 45%;	
} 

.col-40{
width: 40%;	
}

.col-35{
width: 35%;	
}

.col-33{
width: 33.3%;	
}

.col-30{
width: 30%;	
}

.col-25{
width: 25%;	
}

.col-20{
width: 20%;	
}

.col-15{
width: 15%;	
}

.col-12{
width: 12%;	
}

.col-10{
width: 10%;	
}

.col-8{
width: 8%;	
}

.col-5{
width: 5%;	
}

.flexWrap{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}

.flexWrap article{
margin: 10px 10px;
padding: 10px;
background: #f1f0f0;
flex: 1;
}

.flexWrap .col-25:first-child {
margin: 10px 10px 10px 0px !important;
}

.flexWrap .col-25:nth-child(4n) {
margin: 10px 0px 10px 10px !important;
}

#moreArticles{
margin: 20px 0px;	
}

/* *********************** layout elements and styles *********************** */	

.containerImg {
background: url(designfiles/inner-page-gul-panag.jpg) no-repeat center top;
} 

#allContents{

}

#footer {
background: #fff;
padding: 20px 10px;
font-size: 11px;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}

#legals{
margin: 20px 0px 60px 0px;
}

/* *********************** layout elements and styles *********************** */	

img {
max-width:100% !important;
height:auto !important;
border: 0px !important;
}

.clearFix{
clear: both;	
}

.smfont{
font-size: 10px;	
}

/*.aRight{
float: right;	
}*/

.contents{
padding: 10px;
margin: 0px;
}

.contents p{
margin: 0px 0px 20px 0px;
padding: 0px;
}

.imgleft{
display: block; 
padding: 0px 30px 0px 2px; 
margin: 0px;
float: left;
}

.imgright{
display: block; 
padding: 0px 10px 0px 30px; 
margin: 0px;
float: right;
}

.bighilites{
font: 1.25em/165% 'Open Sans Bold', san-serif;
} 

.hilites{
font: 1.20em/165% 'pen Sans Bold', arial, san-serif;
}


.smhilites{
font: 1.15em/165% 'pen Sans Bold', arial, san-serif;
}


/* *********************** all page styles *********************** */	

/*----  site contents ----*/
#pathway {
padding: 10px;
}

#pagestitle {
margin: 0px 0px 5px 0px;
color: #000;
padding: 10px;
background: #e5e5e5;	
}

#pagestitle h1{
margin: 0px 0px 0px 0px;
font-family: 'Bree Serif', serif; 
font-size: 2.0em;
color: #000;
padding: 0px;
background: #e5e5e5;	
}


/* Begin Sidebar */
#sidebar{
padding: 0px 0px 0px 0px;
margin: 0px;
color: #000;	
}

#sidebar form {
margin: 0;
}
/* End Sidebar */

/* *********************** end all page styles *********************** */	


/* *********************** footer block styles *********************** */	
#fCredits{
padding: 10px 0px 0px 0px;
}

#fLogos, #socials{
padding: 5px 0px 0px 0px;
}

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

#footer ul li{
display: inline;
padding: 0px;
margin: 0px 10px;
}

#socials ul li{
display: inline;
padding: 0px;
margin: 0px 2px;
}
/* *********************** end footer block styles *********************** */	

small {
font-size: 10px;
color: #413a39;
}

.titlelinks, a.titlelinks, a.titlelinks:visited, a.titlelinks:active{
text-decoration: none;
font-size: 1.80em;
line-height: 1.5em;
color: #000;
font-family: 'Open Sans Light', sans-serif !important;
}

h3.postLink a{
margin: 0px 0px 0px 0px !important;
padding: 5px 0px 5px 0px !important;
font-size: 1.21em !important;
font-family: 'Open Sans Light', sans-serif !important;
border: none !important;
color: #000;
}

a.titlelinks:hover{
text-decoration: none;
}

.post {
margin: 0px 0px 20px 0px;
padding: 10px;
text-align: left;
border: 1px solid #ededed;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px; 
text-align: left;
}

#sidebar #searchform #s {
width: 90%;
padding: 10px;
background: #ededed;
font-family: 'Open Sans', sans-serif;
color: #000;	
margin-bottom: 2px;
}

#sidebar #searchsubmit {
padding: 3px 10px;
background: #000;
color: #fff;	
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}


/*  Comments   */
ol{
list-style: none !important;
margin: 0px auto !important;
padding: 0px !important;
}

.comment-list .children{
padding: 0px 0px 0px 20px !important;	
}	

ol.comment-list, .even, .odd, .comment{
margin: 0px !important;
padding: 0px !important;
}
	
	#comments{
	padding: 0px;
	margin: 0px 0px 25px 0px !important;
	width: 100%;
	overflow: visible;
	}
	
	  #commentsList{
	
	  }
	  
	  .comment-list article{
	  margin-bottom: 25px;
	  }
	  
		  .comment-list article header{
		  font-size: 0.8em !important;
		  line-height: 1.750em !important;
		  font-family: 'Open Sans', Arial, sans-serif;
		  }  
		  
		  h4.commentAuthor{
		  font-family: 'Open Sans Light', Arial, sans-serif !important;
		  display: block;
		  font-size: 1.85em;
		  }  
		  
		  .comment-list article p{
		  margin: 0px 0px 10px 0px;
		  } 		  
		  
		  .comment-list article.general{
		  border: 1px solid #e4e4e4 !important;
		  padding: 10px;
		  }  
		  
		  .comment-list article.author{
		  padding: 10px;
		  border: 5px solid #8f8f8f !important;
		  }  
		  
		  .comment-list article.other{
		  border: 1px solid #8f8f8f !important;
		  padding: 10px;
		  } 		   
		  
		  .comment-list article footer{
		  margin: 0px !important;	
		  padding: 1px 15px !important;  
		  text-align: right;
		  font-size: 0.9em;
		  }  
		  
		  .comment-list article footer p{
		  margin: 0px !important;	
		  padding: 0px 0px !important;  
		  }		  
		  
.comment-list article img{
float: left;
margin: 0px 10px 0px 0px;
}		  

#respond{
padding: 20px 0px;
margin: 0px 0px 20px 0px;	
}
	
	  #respond form{
	  width: 50%;
	  }
	  
		  .comments-reply-title, .comments-title{
		  margin: 0px 0px 10px 0px;	  
		  }
		  
		  #commentform label{
		  display: block;
		  color: #000;
		  }
		  
		  #commentform button, #commentform input[type="reset"], #commentform input[type="submit"], #commentform input[type="button"]{
		  width: auto;  
		  }
		  
		  #commentform input, #commentform textarea{
		  width: 98%;
		  padding: 10px;	
		  background: #ededed;
		  color: #000;
		  border: 0px;
		  font-family: 'Open Sans', sans-serif;
		  }  
		  
		  #commentform p{
		  margin: 0px 0px 15px 0px;	
		  } 
		  
	#commentform .error {
		color: #f00 !important;
	}	

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	/*margin-top: 10px;
	margin-bottom: 60px;*/
	}
/* End Various Tags & Classes*/



#registerform{
	padding: 12px;
	/*border: #1e1e1e solid 1px;*/
	background: #f9aed0;	
}

#registerform label{
	display:block;
}

#submit, #user_email, #user_login, #login_password, #email, #code, #cimy_uef_1, #cimy_uef_2, #author, #url, #securitycode, #comment, #addcommentbutton, #s{
	background: #fff;
	border: 0px;	
	font-size: 14px;
	color: #000;
}

#log, #pwd{
	background: #fff;
	border: 0px;	
	font-size: 14px;
	color: #000;
	width:150px;
}

#search{
	margin-bottom:10px;
}

#searchform input
{
	background: #fff;
	border: 0px;	
	font-size: 14px;
	color: #000;
	}


#captchacode{
	font: 26px Georgia, "Times New Roman";
	text-align:left;
	color:#000;
}

.cmd-avatar{
	clear: none;
	display: inline;
	float: left;
	margin: 2px 10px 10px 0px;
	padding: 1px;
}

.countscomm{
	clear: none;
	display: inline;
	float: right;
	border: 1px solid #000000;
	margin-left: 12px;
}

fieldset{
	border: 1px solid #000;	
	padding: 10px;
	text-align:left;
}

legend{
	font: 11px/165% Georgia, "Times New Roman";
	color: #000;
	padding-left: 4px;
	padding-right: 4px;
}

.error{
	color:#a81c5c;
	font-size: 14px;
}

#login_error{
	color:#a81c5c;
	font-size: 14px;

}

.success{
	color:#a81c5c;
}

/*------------------------------------
  09. RESPONSIVE
------------------------------------*/
@media screen and (max-width: 768px)  {
	body{
	}
	
	.centerBox{
	width: 95%/* 80%*/ !important;
	max-width: 1000px;
	margin: 0px auto;
	}
	
	#homePhoto{
/*	background: url(../designfiles/gp-home.jpg) no-repeat center top;
	padding-top: 400px; */
	background: none;
	}
	
	#mobilePhoto{
	background: url(../designfiles/gp-home.jpg) no-repeat center -110px;
	padding-top: 400px; 
	display: block;
	}
	
	.homeBlock{
	background: url(../designfiles/block-background.png) no-repeat center top;
	margin: 0px 0px 15px 0px;
	width: 100%;
	}
	
	.blockArea{
	margin: 0px 0px;
	}
	
	.columns{
	width: 50%;
	margin: 0px 0px 0px 0px !important;
	}

}


/*------------------------------------
  10. PLUGIN
------------------------------------*/
.wp-pagenavi {
display: block;	
padding: 3px;
margin: 3px 3px 20px 3px;
text-align:center;
font-size: 12px !important;
font-weight: bold !important;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active{
font-size: 12px !important;
padding: 4px 8px;
margin: 4px;
border: 0px;
text-decoration: none; 
color: #fff;
background: #c30000;
}

.wp-pagenavi a:hover {	
text-decoration: underline;
}

.wp-pagenavi span.pages {
padding: 4px 8px;
margin: 4px;
color: #878787;
font-style: italic;
border: 0px;
}

.wp-pagenavi span.current {
padding: 4px 8px;
margin: 4px;
background: #000;
color: #fff;	
font-family: 'Open Sans Bold', sans-serif !important;
}

.wp-pagenavi span.extend {
color: #000;
}