/*
Theme Name: Line Child - Write On Calligraphers
Theme URI: http://deliciousthemes.com/
Description: Creative / Portfolio One-Page Theme
Author: Madalin Tudose / Child Theme Edits by Signature Designworks
Author URI: http://deliciousthemes.com/
Template: line
Version: 1.2
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../line/style.css');

/* =Theme customization starts here
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Eagle+Lake);

.blog, .page, .panel, .single {
		font-size: 16px;
		line-height: 24px;
		}
		
.widget ul li {
	font-size: 14px;
	line-height: 22px;
	}
		
#footer {
	font-size: 14px;
	line-height: 22px;
	/*color: #aaaaaa;*/
	}
	
	.bgtitle h2 {
		font-size: 16px;
		}		
	
/* HEADER */
.logo {
    top: 75px;
	}

#header .one-third {
	width: 250px;
	}
	
#header .two-third {
	width: 100%;
	}
	
ul#mainnav li a {  
	font-size: 14px;
    margin-left: 25px;
	}
	
	ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active {
		height: 40px !important;
		}
	
	ul#mainnav li ul li a {  
		font-size: 14px !important;
		line-height: 40px !important;
		}
		
    ul#mainnav li.current-menu-item a{
		margin-bottom: 0 !important;
		}
	
/* HOME */	
.home .percent-two-third, .home .percent-one-third {
	margin: 45px 0 40px 0;
	}
	
	.home .percent-one-third {
		padding-left: 4%;
		}
		
.home .nivo-caption {
   /* color: #575757;*/
    color: #000;
    opacity: 0.8;
    padding: 0 15px 0 15px;
   }
   
   .home .nivo-caption a.more-btn {
	   font-weight: bold;
	   position: relative; top: -10px;
	   }


/* Internal Pages */	   
.nivo-caption {
    background-color: #FFFFFF;
    color: #000000;
    opacity: 0.8;
}	

	.nivo-caption h3 {  
		color: #000000;
}	      
		
		
/* GOOGLE FONTS */
.page-title h2, h3, .intro h2 {
	font-family: 'Eagle Lake', cursive;
	font-size: 22px;
	letter-spacing: .5px;
	}
	
	 h1, h2 {
		font-family: 'Eagle Lake', cursive;	
		}	
	
	#posts h3 {
		line-height: 34px;	
		}
		
	#sidebar h3, .widget h3 {
   		font-size: 14px;
		}	
	
	#toggle-view h3 {
		font-size: 18px;
		}
		
	 h6 {
		font-size: 16px;
		}	
	
.welcome {
	font-size: 24px;
	font-family: 'Eagle Lake', cursive;	
	}	

.home h3.service {
	font-size: 21px;
	font-family: 'Eagle Lake', cursive;
	letter-spacing: .5px;
	}		
	
.dropcap1 {
	font-family: 'Eagle Lake', cursive;
    background: none !important;
    border-radius: 0px;
    color: #666;
    float: left;
    font-size: 36px;
   /* margin: -18px -4px 0 0;
    padding: 12px 6px 4px 0;*/
	margin: -8px 0 0 0;
    padding: 12px 6px 5px 0;
    text-shadow: none;
	position: relative;
	z-index: 1000;
}

#footer h3, #sidebar h3, .portfolio h3 {	
	font-family: 'Open Sans', Open Sans, Helvetica, Arial, sans-serif;	
	}
	
		
	
/* SIDEBAR */	
#sidebar .widget .em-calendar {
	width: 100%;
	}
	
/* CONTACT */		
.contactform input[type="text"], .contactform input[type="email"] { 
    margin-bottom: 20px;
    padding: 0%;
    width: 100%;
}
html .contactform input[type="submit"] {
    background: none repeat scroll 0 0 #30B4C5; /* blue */
}

/* EVENTS */	
.events-table {
	margin-bottom: 10px;
	}
	
	.events-table th {
		text-align: left;
		padding-bottom: 8px;
		}
		.events-table tr {
			border-bottom: 1px solid #EFEFEF;    
			}	
			.events-table tr td {		
				padding: 8px 0;
				}
				
	div.css-search div.em-search-main .em-search-submit {				
					background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #30B4C5), color-stop(1, #30B4C5) ) !important;
					background:-moz-linear-gradient( center top, #30B4C5 5%, #30B4C5 100% ) !important;
					background-color:#30B4C5 !important;					
					}
				div.css-search div.em-search-main .em-search-submit:hover {
					background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #444444) ) !important;
					background:-moz-linear-gradient( center top, #444444 5%, #444444 100% ) !important;
					background:-ms-linear-gradient(top, #444444, #444444) !important;
					background:-o-linear-gradient(top, #444444, #444444) !important;
					background:linear-gradient(top, #444444, #444444) !important;
					background-color:#444444 !important;
					}
				
				
/* TABLES */				
				
table#board tr {
	border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;	
	}	
	
	table#board tr td:first-child {			
		
		width: 170px;
		font-weight: bold;		
		}
		
	table#board tr td {
		padding: 8px 0;	
		}	
		
/* SITEMAP */	

ul#sitemap li, .sitemap-footer li {
	padding-bottom: 4px;
	}
	
	ul#sitemap ul.sub-menu {
		padding-bottom: 6px;
		}
		
	
		ul#sitemap ul.sub-menu li{
			padding-left: 4%;
			}	
		
/* MISC */	
		
.loj {
	border: none;
	padding-bottom: 35px;
	max-width: 100%;
	height: auto;
	}
	
em {
	font-style: italic;
	}	
	
#portfolio-wrapper .four-columns li {
	height: 180px;
}

strong {
	color: #686868;
	}

ul.tick-list  {
	margin-bottom: 16px;
	margin-left: 0;
	padding-left: 20px;
	text-indent: -20px;
	}

	ul.tick-list li:before {
		content: " ♦ ";
		padding-right: 6px;
		/*left: 0;
		position: absolute;	*/
		}
		
		ul.customlist li {
			padding-left: 0px;
		}
		
.widget ul {
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		}
				
	.widget ul li:before {
		content: " ♦ ";
		padding-right: 4px;
		}
		
	.widget ul li {
		padding: 5px 0 5px 1px;
		}			
		
		.widget ul li ul li:before {
			content: "  ";
			}				
		
ul.tick-list li, .widget ul li {
	background: none;
	}

.wp-caption {
	margin-bottom: 25px;
	}
	
.wp-caption-text {
	margin-bottom: 0;
	padding: 8px 3px;
	font-size: 12px;
	text-align: center;
	}	
	
	
	
@media only screen and (max-width: 319px) {
	
#header .one-third {
	width: 220px;
	}	
	
.logo {
    top: 5px;	
	}	
	
	.logo img {
    max-width: 100%;
	height: auto;
	}
		
#header .one-third {
	height: 130px;
	}
}


@media only screen and (min-width: 320px) and (max-width: 479px) {
	
.logo {
    top: 10px;
	}
	
	.logo img {
		margin-left: 10% !important;
		}	
	
#header .one-third {
	height: 130px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.logo img {
    margin-left: -10% !important;
	}
			
#header .one-third {
	height: 130px;
	}	
	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

}