/** 
 * Theme Name:  Website Child
 * Theme URI:   http://themes.kubasto.com/website/
 * Description: Website is a responsive theme, which means it adapts to the device on which it's displayed.
 * Tags:        responsive-layout
 * Author:      Michael Bud
 * Author URI:  http://squaresquared.com
 * Template:    website
 * Version:     1.0
 */
 
 
 body, #top, #bottom { background-color:#888;}
 #aside-bottom .widget {color:#fff;}
 #bottom input[type="text"], #bottom input[type="email"], #bottom input[type="tel"], #bottom input[type="password"], #bottom textarea {background-color:#E8E8E8;}
 .not-active {
   pointer-events: none;
   cursor: default;
}
#content .items.small h1.title a {text-decoration:none;}
 #content .title a.not-active { color:#B1B1B1; text-decoration:none;}
a.not-active img {opacity: .5;}

#content h1.title {min-height:54px;}
.single-portfolio #content .items h1.title { font-size: 1.4em;}

 /* What's Green? */
#header h1, 
#header h1 a,  
#header h2 span,
.top-quotes  { color:#147c13;} 

/* What's Brown */
#content .faq-summary,
#content .faq-summary p,
#content .faq-summary a {  color:#644117;}


/* Header Styles */ 
#header h1, #header h1 a { font-size:73px;}
h1.entry-title {margin-bottom:10px;}
#header h2 {border:0; padding: 0; clear:both; height:30px !important;}
#header h2 span {font-size: 21px;}

#top.fixed+#main {margin-top: 110px} /*This allows for the GLP logo to show in the top menu */

.table { display: table; margin:0 auto }
#nav-top-desktop li { margin-right:0;}
#nav-top-desktop li img {max-width:100%;height: auto}

#square-logo {display:none; }
#square-logo img {max-width:100%;}
#long-logo img {position: relative; left: 50%; margin-left: -512px;}	
	

/* unhide this block when ready fro search 
#top .frame>.inner {display:block !important;}
*/

#content h2.summary-title {text-align:left; margin-top:0px;}

/* Homepage Styles */
.front-page-gmo  .front-page-container {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width:49%;	
	margin-bottom:20px;
}
.front-page-gmo  .front-page-container:nth-child(odd) {
  margin-right:2%;
  clear:both;
}
.front-page-container { width:100%; border-radius:25px; background-color:#FFF; padding-bottom:20px;}
.front-page-container ul { margin-left:40px;margin-right:20px; margin-top:20px;}
.front-page-container ul li {color:#AAA; margin-bottom:3px;}
.front-page-container ul li a {color:#000;}

.front-page-section { position:relative; }
.front-page-section img {width:100%;border-radius:25px; }
.front-page-stripe { 
	background-color: #000;
	opacity: .6;
	position: absolute;
	top: 50%;
	height: 70px;
	width: 100%;
	margin-top:-20px;}
.front-page-title { 
	position: absolute;
	top: 50%;
	font-family: 'Open Sans';
	font-size: 23px;
	font-weight: bold;
	padding-left: 10px;
	height: 70px; }
.front-page-title a, .front-page-title {color: #FFF;}	
	
article#post-2.post { background-color:transparent; margin-top:0;  box-shadow: none !important;}
article#post-2 section {padding-bottom:0px; padding-top:0px;}

/* Content Styles */
#content h1.title,
#content h2 {color:#555;}

#content h2 {font-family: Rokkitt, 'Times New Roman'; font-weight:bold; font-size:24px; margin-top:30px; margin-bottom:10px;}
#content a {color:#000; text-decoration:underline;}
#content a:hover {text-decoration:none; color:#147c13}

#content .faq-summary { clear:both; border:1px solid #147c13; background-color:#DDDDDD; border-radius: 10px; padding: 24px; font-size:15px; line-height:175%; margin:20px 0;}
#content .faq-summary p {margin-bottom:14px;}
#content .content p, #content .content {line-height:140%; margin-bottom:14px;}

.post .content p {margin: 19px 0}
.post .content blockquote {  font-family:'Open Sans'; font-size:14px; font-style:italic; }

#content ul {margin-left: 20px;}
#content h2+.columns {margin-top:-20px;}
 
.top-quotes {font-family: 'Droid Serif', 'Times New Roman'; margin-bottom:15px;  font-style:italic; font-weight:bold;font-size: 130%; width: 49%;float:right;}
.top-quotes .positive, .top-quotes .negative { margin-left: 20px;}

.negative { margin-top:20px; }

.positive, .positive a {color:#2c632c}
.negative, .negative a { color: #9a333b; }

.attribution {font-style: normal;
font-size: 80%;
font-weight: normal}
.attribution::before {content: "—";}
 
 .quarter-featured {float:left; width:50%;}
 .quarter-featured img{max-width: 100%; height: auto; border-radius: 10px;}
 
 .image-quotes-container {display: flex; align-items: center; padding-bottom: 10px !important;}
 
/* Footer Styles */
#footer .alpha , #footer .beta {color:#ccc;}
#bottom .widget a {color:#FFF;}
#bottom input[type="text"], #bottom input[type="email"], #bottom input[type="tel"], #bottom input[type="password"], #bottom textarea {color:#a5a5a5;}
#aside-bottom .widget p, #aside-bottom .widget h2 {font-size:140%;}
#aside-bottom .widget-info h2 { font: italic 18px/22px Georgia, serif;}

.gmo-faq-home, .gmo-button {margin:25px 0; background-color:#000; font-weight:bold; text-transform:uppercase; padding:5px; border-radius:5px; clear:both;display:inline-block; }
#content .gmo-faq-home, #content .gmo-faq-home a {color:#fff; }

.textwidget .columns .col-1-3 {float:left; }
.textwidget .columns .col-1-3 .column-inner {padding: 0 20px;}

textarea#ninja_forms_field_3.ninja-forms-field.ninja-forms-req.messagebox {
	height:40px;
	min-height: 40px;
}
#ninja_forms_field_1,
#ninja_forms_field_2,
#ninja_forms_field_4 {padding:3px 10px;}

#bottom #ninja_forms_field_5 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin:0px;
  line-height:0;
}

#bottom #ninja_forms_field_5:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.reading-notice { text-align: center; font-size:120%; margin-bottom:5px;}
/* #aside-bottom .widget {margin-left: 25px;}
#aside-bottom .widget.small,#aside-bottom .widget.fixed {width: 235px;} */

/* Larger format */
@media only screen and (min-width: 1120px) { /* <= Larger Format */
	
	.container {
		width: 1024px;
	}
	
	#header hgroup {
	width: 524px; /*  1024px - 468px - 32px */
	}
	#banners article {
        width: 400px
	}
	.items.small {
		margin-left: 25px !important;
		margin-right: 25px !important;
	}
}


@media only screen and (min-width: 1200px) {
	.items.small .item {width:340px;}
}

@media only screen and (min-width: 992px)  and (max-width:1199px){
	.items.small .item { width: 270px; }
	.single-portfolio #content .items h1.title {font-size:1.2em;}
}
@media only screen and (min-width: 740px) and (max-width:991px){
	.single-portfolio #content .items h1.title {font-size:1.0em;}
}
@media only screen and (max-width: 739px) { /* <= iphone Format */
	#square-logo {display:block;}
	.container , .top-quotes, .quarter-featured {width: 100%}
	.top-quotes {clear:both; }
	.front-page-gmo  .front-page-container { width:100%; margin-right:0 !important;}
	.table { display: block; }
    .image-quotes-container {display: block;}
	.textwidget .columns .col-1-3 {display:block; clear:both; width:100%; }
}




 /* LOGIN PAGE */
 .login h1 a {
	background-image: none;
	background-size:auto;
	background-position: center top;
	background-repeat: no-repeat;
	color: #999;
	height: 80px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 auto 25px;
	padding: 0;
	text-decoration: none;
	width: auto;
	text-indent: 0px;
	outline: none;
	overflow: hidden;
	display: block;
}