/*
Theme Name:     Gridlove Child
Theme URI:      http://mekshq.com
Description:    Child theme for Gridlove theme
Author:         meks
Author URI:     http://mekshq.com
Template:       gridlove
Version:        0.1.1
*/




.author-image { float: left; margin: 20px 20px 20px 0;}
.author-list h2 { margin: 25px 0 5px;}
.author-list h4 { margin: 20px 0 5px;}
.author-list h5 { margin: 0 0 5px; font-style: italic;}

.clrboth {display: block; height:  1px; clear: both;}


#menu-main-menu li#menu-item-2465, #menu-main-menu-1 .menu-item-2465 {background-color: #9d8b3a; color: #FFF;}
#menu-main-menu li#menu-item-2465 a:hover, #menu-main-menu-1 .menu-item-2465 a:hover{color: #111d24;}


.gridlove-header-middle .current_page_item.menu-item-2465 > a, .gridlove-header-middle .current-menu-item > a,
.gridlove-header-sticky .current_page_item.menu-item-2465 > a, .gridlove-header-sticky .current-menu-item > a{ color:  #FFF;}

#footer p a { color:  #fff; text-decoration: none; border-bottom: 0;}
#footer p a:hover { color:  #9d8b3a; text-decoration: underline;}

.author-email a:hover { text-decoration: underline;}

.form-button { background: #9d8b3a; color: #FFF; padding: 20px; font-weight: bold; text-transform: uppercase;}
.form-button:hover { color: #000;}

.pk-row {
	display: flex;
}
.pk-column {
	flex: 50%;
}
.pk-column-1quarter {
	flex: 25%;
}
.pk-column-3quarter {
	flex: 75%;
}



/**** CURATED *****/
h2.curated-header { display: block; clear: both; width: 100%; text-align: center;}
.curated-story { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; width: 100%;}
.curated-inner { 
	display: block; 
	flex: 0 0 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; 
	margin-bottom: 25px; 
	padding: 15px; 
	max-width: 50%;
	flex-wrap: wrap;
	position: relative;
}
.curated-flex {
	display: flex;
}
.curated-story-image {
	max-width: 40%; 
	display: flex;
	flex: 0 0 40%; -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; align-self: baseline;
}
.curated-text {
	display: flex;
	max-width: 55%;
	flex: 0 0 60%; -webkit-box-flex: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; align-self: end;
	flex-wrap: wrap;
	margin: 0 0 0 25px;
}
.curated-text a { color: #9d8b3a; text-decoration: underline;}
.curated-story p {

}
/***** FOOTER CAROUSEL ******/
#footer .owl-carousel-footer {
	max-width: 1230px;
	display: block;
	left: 50%;
	margin-left: -615px;
	position: relative;
	padding: 50px 0 0;
}
#footer .item-pad {
	padding: 30px 20px 10px;
}
#footer blockquote.item-pad p, #footer blockquote.item-pad li, #footer blockquote.item-pad em, #footer blockquote.item-pad strong {
	font-size: 18px;
	font-weight: normal;
	color: #f7f7eb;
}
#footer blockquote.item-pad strong { font-weight: bold;}
#footer blockquote.item-pad h2, blockquote.item-pad h2 strong, blockquote.item-pad h2 em {
	font-size: 28px;
}
#footer blockquote.item-pad h3, blockquote.item-pad h3 strong, blockquote.item-pad h3 em {
	font-size: 23px;
}
#footer blockquote:before{ color: rgba(255,255,255,0.35);}

#footer .owl-theme .owl-dots .owl-dot span {
	background: #669;
}
#footer .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #ccf;
}

@media (max-width: 1230px) {
	#footer .owl-carousel-footer {
		margin-left: 0; left: auto;
	}
}





@media (max-width: 1023px) {

	.curated-inner {
		max-width: 100%;
		flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%;
	}

	.pk-row {
		display: block;
	}
}

@media (max-width: 600px) {

	.curated-inner {
		max-width: 100%;
		flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%;
	}
	.curated-story-image {
		max-width: 20%; 
		display: flex;
		flex: 0 0 20%; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; align-self: baseline;
	}
	.curated-text {
		display: flex;
		max-width: 75%;
		flex: 0 0 75%; -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%;
		flex-wrap: wrap;
		margin: 0 0 0 25px;
	}
	.curated-excerpt {
		display: none;
	}
}

img.secondary-logo {
	margin-left: 30px;
}
@media (max-width: 580px) {
	.site-title img.secondary-logo {
		display: none;
	}
}









input[type='button'] {
    background: #009cff;
    color: #FFF;
    height: 40px;
    border: none;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 14px 20px;
    line-height: 1px;
    font-size: 12px;
    font-weight: 700;
    outline:0;
    transition: all .2s ease-in-out;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1), inset 0 0 0 transparent;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.1), inset 0 0 0 transparent;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
#contracts-reset {
    float: right;
}
input[type='reset']:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3), inset 0 0 230px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3), inset 0 0 230px rgba(0,0,0,.1);
}

.pkpdf_limit {
    width: auto;
}





/** Donation thermometer **/
body {
	font-family: Helvetica;
  }
  
  .donation-meter {
	margin-left: 30px;
	width: 100px;
	left: auto;
	right: auto;
	display: inline-block;
  }
  .donation-meter .glass {
	background: #e5e5e5;
	border-radius: 100px 100px 0 0;
	display: block;
	height: 200px;
	margin: 0 35px 10px;
	padding: 5px;
	position: relative;
	width: 20px;
	box-sizing: content-box;
  }
  .donation-meter .amount {
	background: #f34e54;
	border-radius: 100px;
	display: block;
	width: 20px;
	position: absolute;
	bottom: 5px;
  }
  .donation-meter strong {
	display: block;
	text-align: center;
  }
  .donation-meter .goal {
	font-size: 23px;
  }
  .donation-meter .total {
	font-size: 16px;
	position: absolute;
	right: 35px;
  }
  
  .bulb {
	background: #e5e5e5;
	border-radius: 100px;
	display: block;
	height: 50px;
	margin: 0 35px 10px;
	padding: 5px;
	position: relative;
	top: -20px;
	right: 15px;
	width: 50px;
	box-sizing: content-box;
  }
  .bulb .red-circle {
	background: #f34e54;
	border-radius: 100px;
	display: block;
	height: 50px;
	width: 50px;
  }
  .bulb .filler {
	background: #f34e54;
	border-radius: 100px 100px 0 0;
	display: block;
	height: 30px;
	width: 20px;
	position: relative;
	top: -65px;
	right: -15px;
	z-index: 30;
  }