/*
 Theme Name:   GMCT Theme
 Theme URI:    http://dev.gmctsolutions.com/twentyseventeen-child/
 Description:  Child Theme of Twenty Seventeen 
 Author:       GMCT
 Author URI:   http://gmctsolutions.com
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeen-child
*/

/***ORIGINAL STYLES***/
.page-one-column .panel-content .wrap {
    max-width: 900px;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary{
	max-width: 900px;
}
.panel-content .wrap{
	padding-top: 3.5em;
}
.site-content{
	padding: 3.5em 0 0;
}
.colors-custom .new-wrap .entry-content a, .colors-custom .entry-summary a, .colors-custom .comment-content a, .colors-custom .widget a, .colors-custom .site-footer .widget-area a, .colors-custom .posts-navigation a, .colors-custom .widget_authors a strong{
	box-shadow:none;
}
.colors-custom .new-wrap .entry-content a:hover{
	box-shadow:none;
}

.site-description .site-title-new{
	text-shadow: 1px 0px 0px #000;
    color: #5a3e75;
    font-style: italic;
    font-weight: 500;
}
.site-title-new .title-first{
	font-size: 2.25rem;
	color: #1d8a44;
	text-shadow: 2px 2px 2px #000;
}
.site-title-new .title-second{
	font-size: 1.7rem;
	color: #1d8a44;
	text-shadow: 2px 2px 2px #000;
}

/***OVERALL STYLES***/
body p, body h3{
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}
.quote{
	font-style: italic;
	font-size: 0.9em;
	/*font-family: fantasy;*/
	font-family: sans-serif;
	font-weight:600;
}
#site-navigation a:hover {
	color: #78529b;
}
/***DISABLE PARENT LINK FOR MENU ITEM WITH CHILDREN***/
#top-menu .menu-item-has-children > a{
	pointer-events:none;
}
#top-menu .menu-item-has-children:hover{
	cursor:grab;
}
ul, ol{
	padding: 0 30px;
}
.site-info span[role=separator] {
    padding: 0 0.4em 0 0.2em;
}
.colors-custom .entry-content a:hover, .colors-custom .entry-content a:focus, .colors-custom .entry-summary a:hover, .colors-custom .entry-summary a:focus, .colors-custom .comment-content a:focus, .colors-custom .comment-content a:hover, .colors-custom .widget a:hover, .colors-custom .widget a:focus, .colors-custom .site-footer .widget-area a:hover, .colors-custom .site-footer .widget-area a:focus, .colors-custom .posts-navigation a:hover, .colors-custom .posts-navigation a:focus, .colors-custom .widget_authors a:hover strong, .colors-custom .widget_authors a:focus strong{
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 0.5) !important;
}

/***SITE BRANDING - HEADER AREA***/
.site-branding .pre-title-wrap{
    background-color: rgba(250,250,250,0.6);
}

/***FRONT PAGE***/

.display-box-row{
	display: block;
	box-sizing:border-box;
}
.ex-box{
	box-sizing: border-box;
	background-color: #2196F3;
	padding: 3% 10px 5%;
	display: block;
	min-height: 250px;
	margin: 0 0 1em;
}
.ex-box .su-box{
	margin: 0 0.5em;
	background-color: #fff;
	min-height:250px;
}
.ex-box .su-box-content{
	min-height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	font-weight: 600;
	font-family: Tahoma, Geneva, sans-serif;
}
/*.ex-box-1 .su-box-content{
	background-image: url(/wp-content/uploads/2018/12/iceland_ravinefalls2a.jpg);
}
.ex-box-2 .su-box-content{
	background-image: url(/wp-content/uploads/2019/02/Denver_deer2b.jpg);
}
.ex-box-3 .su-box-content{
	background-image: url(/wp-content/uploads/2019/02/MountainViewsO.jpg);
}*/
.ex-odd .su-box-content:hover, .ex-odd .su-box:hover{
	background-color: #28bd5c;
	color: #fff;
	background-image: none;
}
.ex-even .su-box-content:hover, .ex-odd .su-box:hover{
	background-color: #9a79b9;
	color: #fff;
	background-image: none;
}
.home-box .su-box-content:hover p{
	color: #fff;
}
.home-box .su-box-content:hover img{
	opacity: 0.1;
}
.home-box{
	position: relative;
}
.home-box .su-box-content{
	position:relative;
}
.home-box .su-box-content img{
	position: absolute;
	width:100%;
	height: 100%;
	box-shadow:none;
	top:0;
	left:0;
	opacity:0.2;
}
.home-box-click{
	position: absolute;
	bottom: 1em;
	right: 1em;
	color: #990000;
	/*text-shadow: 1px 1px 5px #1aa3ff;*/
	text-shadow: 1px 1px 2px #8c8c8c;
}
.home-box-click:hover{
	text-shadow: -1px -1px 2px #8c8c8c;
}



/***ABOUT US PAGE***/
.about-us{
	/*border: 2px solid #28bd5c;*/
	/*padding: 1em 2em;*/
}
.about-us > div{
	margin-bottom: 4em;
}
.about-us h3{
	border-radius: 5px;
	padding: 0 8px;
	color: #fff !important;
	text-align:center;
}
.about-us .about-sub{
	border-radius: 5px;
	padding: 5px 12px;
}
.about-us p br{
	line-height: 2.5em;
}
.about-mission h3{
	background-color: #1d8a44;
	margin-bottom:0;
}
.about-mission .about-sub{
	border: 1px solid #1d8a44;
}
.about-story h3{
	background-color: #1d8a44;
	margin-bottom: 0;
}
.about-story .about-sub{
	border: 1px solid #1d8a44;
}
.about-team h3{
	background-color: #78529b;
	margin-bottom: 0;
}
.about-team .about-sub{
	border: 1px solid #78529b;
}
.about-sub ul{
	/*padding: 0 40px;*/
	list-style:none;
}
.about-sub .about-title{
	font-size:14px;
}
.about-sub .about-desc{
	font-size:12px;font-style:italic;font-family:monospace;
}
/*.about-sub ul li:before{
	content: "\2192";
	padding-right: 4px;
}*/


/***SERVICES PAGE***/
.services h3{
	text-align:center;
}
.services .service-specs h3{
	background-color: #1d8a44;
	color: #fff;
	border-radius: 3px;
	padding:3px;
}
.service-specs .specs-bubbles{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	font-family: cursive;
}
.service-specs .specs-list{
	list-style-position: inside;
	padding-left: 8px;
}
.service-specs .specs-list li{
	margin-bottom:0.5em;
}
.service-specs .specs-bubbles li{
	border:1px solid;
	border-radius: 10px;
	margin: 3px 5px;
	width: fit-content;
	font-size: 16px;
	text-align: center;
}
.service-specs .specs-bubbles li:nth-child(odd){
	padding-top:5px;
	-ms-transform: rotate(12deg); /* IE 9 */
	-webkit-transform: rotate(12deg); /* Safari 3-8 */
	transform: rotate(12deg);
}
.service-specs .specs-bubbles li:nth-child(even){
	-ms-transform: rotate(-12deg); /* IE 9 */
	-webkit-transform: rotate(-12deg); /* Safari 3-8 */
	transform: rotate(-12deg);
}
.services .service-apps h3{
	background-color: #78529b;
	color: #fff;
	border-radius: 3px;
	padding:3px;
}
.service-apps ul{
	list-style-position: inside;
	padding-left: 8px;
}
.service-apps ul li{
	font-weight: 600;
}
.service-apps .sub-spec li{
	font-weight: normal;
}
/**ACCORDIONS**/
.service-accordion{
	margin-top:40px;
}
.service-accordion .su-spoiler{
	margin-bottom:12px;
}
.service-accordion .su-spoiler-icon{
	left:unset;
	right:7px;
}
.service-accordion .su-spoiler-style-fancy>.su-spoiler-title{
	border-radius: 8px;
}
.service-accordion .su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title{
	color:white;
	transition: color 1s;
}
.service-accordion .su-spoiler-style-fancy>.su-spoiler-title{
	color:inherit;
	background-color:white;
	transition: color 8ms, background 1.2s;
}
.service-accordion .su-spoiler-style-fancy:nth-child(1n+0){
	border-color: #2196F3;
	color: #2196F3;
}
.service-accordion .su-spoiler-style-fancy:nth-child(2n+0){
	border-color: #1d8a44;
	color: #1d8a44;
}
.service-accordion .su-spoiler-style-fancy:nth-child(3n+0){
	border-color: #78529b;
	color: #78529b;
}
.service-accordion .su-spoiler-style-fancy.su-spoiler-closed:nth-child(1n+0) .su-spoiler-title{
	background-color: #2196F3;
	transition: background 1s;
}
.service-accordion .su-spoiler-style-fancy.su-spoiler-closed:nth-child(2n+0) .su-spoiler-title{
	background-color: #1d8a44;
	transition: background 1s;
}
.service-accordion .su-spoiler-style-fancy.su-spoiler-closed:nth-child(3n+0) .su-spoiler-title{
	background-color: #78529b;
	transition: background 1s;
}
.service-accordion .su-spoiler-content{
	color:black;
}

.video-class{border:1px solid green;width:max-content;padding:2px 20px;border-radius:10px;margin:auto;display:block;}
.vCapt{font-size:12px; text-align:center;}
.video-class h5{padding-top:0;text-align:center;}
.video-class video{margin:auto;display:block;}

/***Site Info/Policy Page***/
.cites{
	display:block;
	width:max-content;
	padding:0 20px;
}
.img-cite{
	margin-bottom:10px;
	margin-top:10px;
}
.img-cite + .img-cite{
	border-top: 1px solid lightgray;
}
/*.img-cite + .img-cite{
	border-left: 1px solid lightgray;
}*/
.img-cite .pbimgs{
	display:inline-block;
}
.img-cite .pbimgs img{
	width:50px;
	margin: 6px;
}
.img-cite p{
	margin: 0;
	font-size: 12px;
}

/***Desktop***/
@media screen and (min-width: 30em){
	.service-specs .specs-bubbles li{
		border:none;
		margin: 3px 5px;
		font-size: 16px;
	}
}
/***Desktop***/
@media screen and (min-width: 48em){
	/** FRONT PAGE **/
	.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media{
        height:60vh;
    }
    /**WITH ADMIN BAR**/
    .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media{
        height: calc(60vh - 32px);
    }
	
	.service-specs .specs-bubbles li{
		border:none;
		margin: 3px 0.5em;
		font-size: 1.3em;
	}
}