/******************************************************************
Theme Name: GroundplaySF
Theme URI: http://www.groundplaysf.com
Description: 
Author: GroundplaySF
Author URI: http://www.groundplaysf.com
Version: 1.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/* Enter CSS Below */

h1, h2, h3, h4 {line-height: 1.2em;}
p {padding: 0!important;}
p a {color: inherit; border-bottom: 1px solid #DDD;}
p a:hover {color: #000; border-bottom: none;}
.button {background-color: #51c0ac; color: #fff;}
.button:hover {background-color: #222; color: #fff;}
.small:hover {background-color: #222!important; color: #fff;}
.resourcesArchiveItemInside .button:hover {background-color: #222!important; color: #fff;}
.profilePic {border-radius:50%;}
.reveal.large .close-button {color: #222; background: #FFF; border-radius: 50%; border: 1px solid #222; width: 36px; height: 36px;}
.reveal.large {padding: 0px;}
.turquoisebg {background: #79c9ae !important;}
.callout.alert {background-color: rgba(255,249,175,0.5);}
.regularCaption {font-size: 0.85em; color:#79c9ae;}
.box {background: #79c9ae; width:100px;height:100px;} p {padding: 10px 20px;}
.red{background:#f00;}
.green{background:#0f0;}
.blue{background:#00f;}

/* ABOUT PAGES *************************************************/
#leftSectionNav {margin:0.5em 0; font-size:0.75em; }
#leftSectionNav a {padding: 0.25em 0.65em 0.25em; border: 1px solid #54d1b1; color: #54d1b1; margin-right: 0.25em; line-height: 2.35em;}
#leftSectionNav a:hover {background-color: #54d1b1; color: #FFF;}
#leftSectionNav a.active {background-color: #54d1b1; color: #FFF;}
.partnerLogo {border:1px solid #EEE; opacity:0.7; -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; /* IE6-9 */}
.partnerLogo:hover {border:1px solid #CCC; opacity:1; -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: 0.2s; /* Safari */; transition: 0.2s; -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.15); box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.15);}
.partnerLogoText {position: relative; width: 100%; max-width: 300px; height: 0; padding: 20% 0 40%; margin-bottom: 0; text-align: center; font-size: 90%; font-weight: 600!important; line-height: 1.2em;}

/* NEWS ARCHIVE *************************************************/
.archiveItemPadding {padding: 10px 15px;}
.archiveItemMiddle h4 {font-size: 1.3em;}

/* PROJECT PAGES *************************************************/

.projectSection h6 {font-size: 1.1em;}

@media only screen and (max-width: 40em) {
/* small Browser */
  .projectSection h6 {font-size: 1em;}
}

@media screen and (min-width: 63.9375em) {
.projectSection {padding:20px 30px;}
.projectImageSectionBg {-webkit-box-shadow: inset -4px 0px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset -4px 0px 6px 0px rgba(0,0,0,0.05); box-shadow: inset -4px 0px 6px 0px rgba(0,0,0,0.05);}
.projectSection h1 {font-size: 2.55vw;}

/* Expand width of feature image on hover

.projectImageSection:hover {width:75%; transition: 0.15s ease-in; transition-delay: 0.6s;}
.projectImageSection:not( :hover ) {transition: 0.15s ease-out;}
.projectImageSection:hover + .projectSection {margin-right:-50%; transition: 0.15s; transition-delay: 0.6s;}
.projectImageSection:not( :hover ) + .projectSection {transition: 0.15s ease-out;}
*/
	
}

.projectArchiveItem {box-shadow: 0px 2px 4px #CCC;}
.projectArchiveItem:hover {box-shadow: 1px 2px 5px #999; transition: 0.35s ease-out;}
.projectArchiveItemInside {padding: 15px;}
.projectArchiveItemInside h4 {font-size:20px; font-weight:800;}

.projectSection h1 {margin-bottom: 0.75em;}
.projectSection h3 {letter-spacing: 0.05em;}
.projectSection li {font-weight:300;}
.tagline {font-family: 'clarendon-urw', Georgia, serif; font-size: 1.5em!important; text-transform: none!important; letter-spacing: -0.01em!important; margin-bottom: 1rem!important;}

.tabs-panel {padding: 2rem 0;}

.seeMap, .miniButton {
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 0.3rem 0.7rem;
    border: 1px solid #000;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 0.5em 0;
}

a.seeMap:hover, a.miniButton:hover {
    background: #333;
    color: #FFF;
    border: 1px solid #000;
}

/* Resources Archive */

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* medium */
		.resourcesArchiveItem{width:210px;}
		}

	@media screen and (min-width:63.9375em){
		/* large */
		.resourcesArchiveItem{width:275px;}
		}

.resourcesArchiveItemImage img {width: 100%; padding: 5px;}
.resourcesArchiveItemInside h4 {font-weight:800;}
.resourcesArchiveItemInside {color:#777; padding: 15px;}
.resourcesArchiveItemInsideCategory { background: #333;margin: 0 15px 0 15px;}


/* HEADER *******************************************************/

.leftBarLogo {background-color:#000; padding: 35px 0;}
.leftBarLogo:hover {background-color: #79c9ae; /*background: url('../../../jpg/01/07/38/38/160_F_107383819_vNTeIiTchnNlNI3jNJ7zo1v0XCSFk5RW.jpg') no-repeat center center;*/}
.leftBarTag {background: transparent; font-weight: 500; letter-spacing: 0.02em;}


/* FOOTER *******************************************************/

.footerBottom {padding: 30px 0 20px;}

/* MASTER SLIDER ************************************************/

.sliderHomepage {max-width: 680px; font-family: 'proxima-nova', helvetica, sans-serif; text-align: center; color: #FFF; margin: 1em auto;}
.sliderHomepage h1 {font-weight: 800; letter-spacing: -0.02em; line-height: 1em; text-shadow: 3px 3px 3px rgba(0,0,0,0.35);}
.sliderHomepage h2 {font-family: 'clarendon-urw', serif; line-height: 1.5em; text-shadow: 2px 2px 2px rgba(0,0,0,0.35); margin: 1em 0; }
.sliderHomepage a.button {background-color: #79c9ae; color: #fff; border-radius: 5px; padding: 10px 20px;}
.sliderHomepage a.button:hover {background-color: #FFF; color: #222;}
.imageScreen {mix-blend-mode: screen; opacity: 0.75; text-shadow: 8px 8px 8px rgba(0,0,0,1);}
.imageMultiply {background-blend-mode: multiply;}
.ms-textBlock {max-width: 500px; padding:0.5em 1.5em; text-align:center; font-family:'clarendon-urw', Georgia, serif; font-weight:400; color:#FFF; text-shadow: 0.05em 0.05em 0.25em rgba(0, 0, 0, 0.5);}
.list {font-size: 30px}
.sliderProcess h1 {font-weight: 800; letter-spacing: -0.02em; line-height: 1em;}
.sliderProcess h3 {font-size: 15px; letter-spacing: -0.02em;}
.sliderProcess h6 {letter-spacing: -0.02em;}
.sliderProcess h7 {font-size: 12px}
.sliderProcess p {font-size: 18px}


@media only screen and (max-width: 30em) {
/* Xsmall Browser */
	.sliderProcess h1 {font-size: 11px;}
	.sliderProcess h4 {font-size: 11px;}
	.sliderProcess h5 {font-size: 11px;}
	.sliderProcess p {font-size: 10px}
}

@media only screen and (min-width: 30.063em) and (max-width: 40em) {
/* small Browser */
        .sliderHomepage, .ms-textblock {width:90%;}
        .sliderHomepage h1 {font-size: 36px;}
	.sliderHomepage h2 {font-size: 16px;}
	.ms-textBlock {font-size: 0.9em; max-width: 380px;}
	.ms-textBlock h5 {font-size: 1.6em; margin-bottom: 0.5em;}
	.ms-about {height:400px!important;}
	.sliderProcess h1 {font-size: 16px;}
	.sliderProcess h4 {font-size: 12px;}
	.sliderProcess h5 {font-size: 12px;}
	.sliderProcess p {font-size: 10px}
	.sliderProcess butn {position: absolute; bottom: 200px}

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* Medium Browser */
        .sliderHomepage {width:80%;}
        .sliderHomepage h1 {font-size: 48px;}
	.sliderHomepage h2 {font-size: 18px;}
	.ms-textBlock {font-size: 1.1em;}
	.ms-textBlock h5 {font-size: 1.7em; margin-bottom: 0.75em;}
	.ms-about {height:640px!important;}
	.sliderProcess h1 {font-size: 26px;}
	.sliderProcess h5 {font-size: 22px;}
	.sliderProcess p {font-size: 15px}
}

@media screen and (min-width:63.9375em) and (max-width: 90em) {
/* Large Browser */
        .ms-parent-id-6 .ms-skin-light-3 .ms-nav-prev {left:180px;}
        .sliderHomepage {width:70%;}
        .sliderHomepage h1 {font-size: 54px;}
	.sliderHomepage h2 {font-size: 20px;}
	.ms-textBlock {font-size: 1.3em;}
	.ms-textBlock h5 {font-size: 1.8em; margin-bottom: 0.85em;}
	.ms-about {height:760px!important;}
	.sliderProcess h5 {font-size: 35px;}
}

@media only screen and (min-width: 90.063em) {
/* X-Large Browser */
        .ms-parent-id-6 .ms-skin-light-3 .ms-nav-prev {left:180px;}
        .sliderHomepage h1 {font-size: 60px;}
	.sliderHomepage h2 {font-size: 24px;}
	.ms-textBlock {font-size: 1.4em;}
	.ms-textBlock h5 {font-size: 1.9em; margin-bottom: 1em;}
	.ms-about {height:900px!important;}
}


/* AWESOME FLICKR GALLERY SWIPEBOX ************************/

#swipebox-overlay {background: rgba(0,0,0,0.9)!important;}
#swipebox-title:before {content:url('../../uploads/logo-color-sm.png'); position: absolute; left: 15px; top: 15px; width: 100px;}
#swipebox-top-bar {font-family: 'proxima-nova',helvetica,sans-serif!important; font-size: 18px!important; padding-top: 0.75em; height: 60px!important; line-height:24px!important;}


/* CONTACT FORM *****************************************/

label {font-weight:600;}
.wpcf7-submit {background:#444; font-size:1.1em; color:#FFF; padding: 0.65em 2em; border-radius: 0.2em; border:none;}
.wpcf7-submit:hover {background:#54d1b1;}
div.wpcf7-mail-sent-ok {background:#fff9ae; font-size: 1.5em; color: #51c0ac; border: none;}
div.wpcf7-validation-errors {border: 2px solid #f00; color: #f00;}


/* JUICER SOCIAL WALL **************************************/

.juicer-feed a:hover, .juicer-feed .j-meta a:hover {color: #54d1b1;}
.juicer-feed .j-paginate {font-size: 14px; border: 2px solid #54d1b1; color: #54d1b1; background-color:#FFF;}
.juicer-feed:hover .j-paginate:hover {background-color: #54d1b1;}
.j-post-overlay.juicer-feed a.juicer-button {font-size: 14px; border: 2px solid #54d1b1; color: #54d1b1;}
.j-post-overlay.juicer-feed a.juicer-button:hover {background-color: #54d1b1;}



/* Google Services *****************************************/

div#google_translate_element div.goog-te-menu2 {
    background-color: #54d1b1!important;
    text-decoration: none;
    border: 1px solid #FFF;
    overflow: hidden;
    padding: 4px;
}

select.goog-te-combo {background: #54d1b1!important; border: 1px solid #54d1b1;}

.googlemap {
  position: relative;
  padding-bottom: 75%; /* 4:3 ratio*/
  height: 0;
  overflow: hidden;
}

.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}