/*
Theme Name: Globen Stark
Theme URI: http://globenstark.com/wordpress/themes/
Author: Mahamat Hamid Haggar
Author url: http://xtremelysocial.com/*
Theme Name: Globen Stark
Version: 1.4
License: GNU General Public License
License URI: http://www.globenstark.com/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
*/


@import url("../flat-bootstrap/style.css");
@import url("../flat-bootstrap-child/header.css");
@import url("../flat-bootstrap-child/footer.css");
@import url("../flat-bootstrap-child/sidebar.css");
@import url("../flat-bootstrap-child/homepage.css");
@import url("../flat-bootstrap-child/accessibility.css");
@import url("../flat-bootstrap-child/news.css");


/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
*/

/* BUTTONS */
.contact-sidebar-widget a,
.btn,
button, 
input[type="button"], 
input[type="submit"] {
	border-radius: 0px !important;
	border-color:#002664 !important;
	/*background-color: #d4d4d4 !important;*/
	background-color:#cccccc !important;
    font-size:100%;
    padding: 7px 18px;
	
}

/* BUTTONS ON HOVER */
.contact-sidebar-widget a:hover,
.contact-sidebar-widget a:focus,
.btn:hover,
.btn:focus,
button:hover, 
button:hover:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover,
input[type="submit"]:focus {
 	background-color: #34495E !important;
 	border-color:#f4f4f4 !important;
 	color: #fff !important;
}


/* CHANGE COLOR ON TEXT */
a {
    color: #34495E;
}


/* FIX BODY FONT AND COLOR */
/*body { 
	background-color: #ffffff;
	font-size: 1.58em; 
	font-family: 'Lusitana', serif;
	line-height:1.2em;
}*/

body { 
	background-color: #ffffff;
	color: #000 !important;
	font-size: 1.2em; 
	font-family: century gothic;
}



/* FIX PARAGRAPH */
p{ line-height:20px;}


/* FIX WIDTH FROM FLAT-BOOTSTRAP THEME */
#page, .navbar, .after-footer {  
	max-width: none; 
}


/* HEADERS
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Lusitana', serif;
	margin-top: 15px;
	margin-bottom: 15px;
}*/

/* HEADERS */
h1, h2, h3, h4, h5, h6 { 
	font-family: century gothic;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #34495E;
	font-size:21px;
}

/* FIX HEADER 1 FONT SIZE */
h1, .h1{
	font-size: 230%;
}

/* FIX HEADERS FONT WEIGHT */
h1, h2, h3 { font-weight: 600; }


h4.entry-title{
	margin-top:0;
}

/* SET CONTENT */
.site-content header.content-header{
	min-height: 0;
	padding: 0;
	background-color:#ffffff;
}

/*SET CONTENT HEADER CONTENT COLOR*/
.site-content header.content-header h1, 
.site-content header.content-header h2, 
.site-content header.content-header h3{
	color:#002664;
}

/* FIX CALENDAR SIDEBAR WIDGET FOR RTL */
html[dir=rtl] .calendar-sidebar-widget table.nav-days thead th{
	padding-bottom:8px;
}


/* EVENTS INDEX */
.site-main article, 
article.event { 
	border-bottom:1px solid #d4d4d4;
	padding-bottom:20px;
	margin-bottom:30px; 
}

.site-main article:last-child, 
article.event:last-child {
	border-bottom:none;
}

article.event h3 { margin-top:0;}	

.site-main article:last-child,
article.event:last-child{
	border-bottom:none;
}

.cat-links{display:none;}


/* CONTACT FORM STYLE */

.wpcf7-form {width: 100%;}

.wpcf7-form-control, .your-name, .your-email, .your-subject, .wpcf7-textarea {width: 240%;}

.wpcf7-submit {width: 120px; margin: 0 auto; text-align: center; background-color: #d4d4d4; color: black;}

/* END OF CONTACT FORM STYLE */

/* PADDING IMAGE AND TEXT BOTTOM */
p:last-child {
    padding-bottom: 15px;
    text-align: justify;
} 


/* NEWSLETTER */

.input-submit {margin-top: 10px;}

.alo_easymail_form_table .input-text {margin:5px; padding: 5px;}

.input-text {width: 250px;}

/* HOOVER COLOR ON TEXT */

a:hover, a:focus {
color: #34495E;
text-decoration: none;
outline:0; }

/* ALIGN GALLERY TO RIGHT SIDE IN AR MODE */
html[dir=rtl] .ngg-galleryoverview {
	margin-right: -2%;
}

.ngg-gallery-thumbnail {
	padding-bottom: 20px;
}

/* ADJUST NEWSLETTER PAGE TO LEFT */
.entry-content td, .comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
    text-align:left
}
    	html[dir=rtl] .entry-content td, .comment-content td {
    	text-align:right
}

/* TEXT JUSTIFIED IN ALL PARAGRAPHS */
p {
text-align:justify;
}

.pagination>li>a, 
.pagination>li>span,
span.page-numbers.current {
	color: #34495E;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
	z-index: 2;
	color: #fff;
    background-color: #34495E;
    border-color: #34495E;
}

/* STYLING ACTUAL DAY ON CALENDAR */
.today{
	color:#ffffff;
	background: #686868;
	border-radius: 50%;
	font-weight: bold;	 
}

td.today.pad {
    background-color: transparent;
}


/* ADDING A PADDING BETWEEN DATE AND TEXT WHEN INSIDE AN EVENT */
.entry-meta{
	padding-bottom:13px;
}


/* STYLING THE SIDEBAR */
@media (min-width: 992px) {
	#secondary {
		padding-top: 35px;
    	background-color: #F4F4F4;
    	float: right;
		width:275px;
}
	 html[dir=rtl] #secondary {
		 float:left;
	 }
}
Version: 1.4
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* Include the parent theme's stylesheet(s). Then anything you change below that will
 * override those styles. If you'd rather start from scratch, you can comment out this
 * next line.
 */
@import url("../flat-bootstrap/style.css");
@import url("../flat-bootstrap-child/header.css");
@import url("../flat-bootstrap-child/footer.css");
@import url("../flat-bootstrap-child/sidebar.css");
@import url("../flat-bootstrap-child/homepage.css");
@import url("../flat-bootstrap-child/accessibility.css");
@import url("../flat-bootstrap-child/news.css");


/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
*/

/* BUTTONS */
.contact-sidebar-widget a,
.btn,
button, 
input[type="button"], 
input[type="submit"] {
	border-radius: 0px !important;
	border-color:#002664 !important;
	/*background-color: #d4d4d4 !important;*/
	background-color:#cccccc !important;
    font-size:100%;
    padding: 7px 18px;
	
}

/* BUTTONS ON HOVER */
.contact-sidebar-widget a:hover,
.contact-sidebar-widget a:focus,
.btn:hover,
.btn:focus,
button:hover, 
button:hover:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover,
input[type="submit"]:focus {
 	background-color: #34495E !important;
 	border-color:#f4f4f4 !important;
 	color: #fff !important;
}


/* CHANGE COLOR ON TEXT */
a {
    color: #34495E;
}


/* FIX BODY FONT AND COLOR */
/*body { 
	background-color: #ffffff;
	font-size: 1.58em; 
	font-family: 'Lusitana', serif;
	line-height:1.2em;
}*/

body { 
	background-color: #ffffff;
	color: #000 !important;
	font-size: 1.2em; 
	font-family: century gothic;
}



/* FIX PARAGRAPH */
p{ line-height:20px;}


/* FIX WIDTH FROM FLAT-BOOTSTRAP THEME */
#page, .navbar, .after-footer {  
	max-width: none; 
}


/* HEADERS
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Lusitana', serif;
	margin-top: 15px;
	margin-bottom: 15px;
}*/

/* HEADERS */
h1, h2, h3, h4, h5, h6 { 
	font-family: century gothic;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #34495E;
	font-size:21px;
}

/* FIX HEADER 1 FONT SIZE */
h1, .h1{
	font-size: 230%;
}

/* FIX HEADERS FONT WEIGHT */
h1, h2, h3 { font-weight: 600; }


h4.entry-title{
	margin-top:0;
}

/* SET CONTENT */
.site-content header.content-header{
	min-height: 0;
	padding: 0;
	background-color:#ffffff;
}

/*SET CONTENT HEADER CONTENT COLOR*/
.site-content header.content-header h1, 
.site-content header.content-header h2, 
.site-content header.content-header h3{
	color:#002664;
}

/* FIX CALENDAR SIDEBAR WIDGET FOR RTL */
html[dir=rtl] .calendar-sidebar-widget table.nav-days thead th{
	padding-bottom:8px;
}


/* EVENTS INDEX */
.site-main article, 
article.event { 
	border-bottom:1px solid #d4d4d4;
	padding-bottom:20px;
	margin-bottom:30px; 
}

.site-main article:last-child, 
article.event:last-child {
	border-bottom:none;
}

article.event h3 { margin-top:0;}	

.site-main article:last-child,
article.event:last-child{
	border-bottom:none;
}

.cat-links{display:none;}


/* CONTACT FORM STYLE */

.wpcf7-form {width: 100%;}

.wpcf7-form-control, .your-name, .your-email, .your-subject, .wpcf7-textarea {width: 240%;}

.wpcf7-submit {width: 120px; margin: 0 auto; text-align: center; background-color: #d4d4d4; color: black;}

/* END OF CONTACT FORM STYLE */

/* PADDING IMAGE AND TEXT BOTTOM */
p:last-child {
    padding-bottom: 15px;
    text-align: justify;
} 


/* NEWSLETTER */

.input-submit {margin-top: 10px;}

.alo_easymail_form_table .input-text {margin:5px; padding: 5px;}

.input-text {width: 250px;}

/* HOOVER COLOR ON TEXT */

a:hover, a:focus {
color: #34495E;
text-decoration: none;
outline:0; }

/* ALIGN GALLERY TO RIGHT SIDE IN AR MODE */
html[dir=rtl] .ngg-galleryoverview {
	margin-right: -2%;
}

.ngg-gallery-thumbnail {
	padding-bottom: 20px;
}

/* ADJUST NEWSLETTER PAGE TO LEFT */
.entry-content td, .comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
    text-align:left
}
    	html[dir=rtl] .entry-content td, .comment-content td {
    	text-align:right
}

/* TEXT JUSTIFIED IN ALL PARAGRAPHS */
p {
text-align:justify;
}

.pagination>li>a, 
.pagination>li>span,
span.page-numbers.current {
	color: #34495E;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
	z-index: 2;
	color: #fff;
    background-color: #34495E;
    border-color: #34495E;
}

/* STYLING ACTUAL DAY ON CALENDAR */
.today{
	color:#ffffff;
	background: #686868;
	border-radius: 50%;
	font-weight: bold;	 
}

td.today.pad {
    background-color: transparent;
}


/* ADDING A PADDING BETWEEN DATE AND TEXT WHEN INSIDE AN EVENT */
.entry-meta{
	padding-bottom:13px;
}


/* STYLING THE SIDEBAR */
@media (min-width: 992px) {
	#secondary {
		padding-top: 15px;
    	background-color: #F4F4F4;
    	float: right;
		width:275px;
}
	 html[dir=rtl] #secondary {
		 float:left;
	 }
}