/* 
Theme Name: Sawhorse Revolution
Theme URL: http://yourdomain.com
Description: Building tomorrow
Theme Author: Tigertiger
Author URL: http://tigertiger.tech
Template: twentytwenty
Version: 1.0.23
Text Domain: twentyseventeen-child 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	letter-spacing:0px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#323232;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Begin Genius Peter Code */


/* Typography */

html, body, div, input, select  {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	color:#fff;
}

h1 {
	font-size: 90px;
	line-height:108px;
	margin-bottom:30px;
}

h2 {
	font-size:90px;
	line-height:110px;
	margin-bottom:60px;
}

h3 {
	font-size: 60px;
	line-height:80px;
	margin-bottom:60px;
}

h4 {
	font-size: 21px;
	line-height:28px;
	margin-bottom:30px;
	letter-spacing: 2px;
}

p, .basicpage ul li {
	font-size: 21px;
	line-height:41px;
	font-weight:500;
}

p a {
	color:#FFC600;
	text-decoration:underline;
}

.basicpage p {
	margin-bottom:41px;
}

p.small, .project-content p   {
	font-size:16px;
	line-height:28px;
}

.project-content p {
	margin-bottom:28px;
}


.footer a, .contact a {
	display:inline-block;
	text-decoration:none;
	margin: 0px 30px 30px 30px;
}
.footer .footerlogo img {
    display:inline-block;
}
@media (min-width:500px) {
    .footer ul li {
        display:inline-block;
    }
}

a {
	color:#fff;
	text-decoration:none;
}




/* Special Type Styles Template */

h3.mailing {
	font-size:45px;
	line-height:56px;
	color:#323232;
}



/* Special Type Styles Home */

.dbctw h2.t-build {
	margin-left:250px;
}

.dbctw h2.t-change {
	margin-left:344px;
	margin-bottom:20px;
}

.dbctw h3.t-the {
	margin-left:506px;
	margin-bottom:10px;
}

.dbctw h2.t-world{
	margin-left:545px;
}

.dbctw-img {
	display:inline-block;
}




/* Colors */

.teal {
    background-color:#6CCBB8;
}

.skyblue {
    background-color:#C0DDEA;
}

.orange {
    background-color:#EF683B;
}

.blue {
    background-color: #4261C8;
}

.white {
    background-color:#fff;
    color:#323232;
}

.grey {
    background-color: #323232;
}

.yellow {
    background-color: #FFC600;
}

.lightgrey {
    background-color:#d8d8d8;
}

.red {
    background-color:#E44D4D;	
}

.yellowtext {
    color: #FFC600;;
}

.purpletext {
    color: #4261C8;;
}

.pink {
    background-color:#EB147D;
}

/* Structure */

.wrapper {
	width:100%;
	overflow:hidden;
}

section {
	display:block;
	width:100%;

}

section.basic {
	padding:150px 0px;
}

section.basic.mission {
	padding:30px 0px;
}

.container {
	max-width:1024px;
	width: 100%;
	margin: 0px auto;
	padding: 60px 0px;
}

.left, .right {
	width:50%;
	box-sizing:border-box;
}

.left img, .right img {
	display:inline;
}

.left {
	float:left;
}

.right {
	float:right;
	text-align:right;
}

.middle {
	max-width:512px;
	width:100%;
	margin:0px auto;
}

.middle-about {
	max-width:600px;
	width:100%;
	margin:0px auto;
}

.center {
	text-align:center;
}

.third {
	width:33%;
	padding-right:4%;
	box-sizing:border-box;
	display:inline-block;
	margin:40px 0px;
	height:500px;
	vertical-align:top;
}

.third img{
}

.third-last {
	margin-right:0px;
}

.basic.mailing {
	padding:0px;
}

.footer {
	height:500px;
	overflow-y:auto;
}

.footerlogo {
	margin:30px 0px;
}


.contact a img {
	margin-right:20px;
}

.rightnav {
	margin-top:40px;
}

.primary-menu ul {
	z-index:314159;

}

.primary-menu li {
	font-size:21px;
}

.primary-menu .icon::before {
	height: .8rem;
	width:0.15rem;
}

.primary-menu .icon::after {
	height:0.15rem;
	width:.8rem;
}
.mobile-menu ul li {
    text-transform:uppercase;
}
.primary-menu ul li a:after,
.mobile-menu ul li a:after {
    display: block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:20px;
    font-family: "Material Icons";
    content: "\E5C8";
    transition: 0.2s ease-in-out;
}
.mobile-menu ul li a:after {
    right:40px;
}
.primary-menu ul li a:hover:after {
    right:10px;
}
.mobile-menu ul li:nth-child(1) a,
.mobile-menu ul li:nth-child(6) a {
    color:#44ceb7;
}
.mobile-menu ul li:nth-child(2) a,
.mobile-menu ul li:nth-child(7) a {
    color:#f63c46;
}
.mobile-menu ul li:nth-child(3) a,
.mobile-menu ul li:nth-child(8) a {
    color:#ffc400;
}
.mobile-menu ul li:nth-child(4) a,
.mobile-menu ul li:nth-child(9) a {
    color:#b9deec;
}
.mobile-menu ul li:nth-child(5) a,
.mobile-menu ul li:nth-child(10) a {
    color:#ff5d27;
}

.mobile-menu ul li a:hover:after {
    right:30px;
}
.menu-top .toggle-text {
    display:none;
}
.menu-modal {
    z-index:1000;
}
.modal-menu a {
    padding:1.2rem 2.5rem;
}

.toggle-icon svg.svg-icon {
    fill:#fff;
}
button.toggle,
button.close-nav-toggle {
    outline:none;
}

button.close-nav-toggle {
    width:32px;
    position:absolute;
    top:40px;
    right:10px;
    padding:0;
    transition:0.2s ease-in-out;
}
button.close-nav-toggle:hover {
    transform:rotate(180deg) scale(1.1);
}
.menu-modal .logo {
    display:block;
    text-align:center;
    margin-bottom:20px;
    padding-top:40px;
}
.menu-modal .logo img {
    display:inline-block;
}
.mobile-nav-toggle {
    height: 70px;
    vertical-align: top;
    display: grid;
}
.mobile-nav-toggle .toggle-icon {
    transition:0.2s ease-in-out;
}
.mobile-nav-toggle:hover .toggle-icon {
    transform:translateX(10px);
}


/* Buttons */

.btn, .tribe-events-button {
    min-width:190px;
    height:44px;
    display:inline-block;
    text-align:center;
    margin:50px 0px;
    padding:12px;
    font-size:21px;
    box-sizing:border-box;
    transition:0.2s all;
}
.btn:hover {
    transform:scale(1.02) translateY(-1px);
    box-shadow:0px 4px 4px 0px rgba(0,0,0,0.3);
}
.btn:active {
    transform:scale(1);
    box-shadow:none;
    transition:0.1s all;
}

.btn.blue:hover {
    /*background:#547cff;*/
}

.btn.white:hover {
    /*background:#f0f3ff;*/
}


/* Header */

#site-header {
	background:transparent;
}
.header {
	position:relative;
}

.header.container {
	margin:20px auto 0px auto;
	padding:0px;
}

.logo {
	display:inline-block;

}

.homehead .header .left {
	width:30%;
}

.rightnav {
	float:right;

}

.toggle-inner .toggle-text {
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:2px;
}

.page-template-template-srhome .homehead {
	position:absolute;
	width:100%;
	height:200px;
	z-index:99;
}

li#menu-item-58 a {
	background-color: #6CCBB8;
    padding: 12px 24px;
    margin-top: -12px;
}


/* Dropdown overrides */

.primary-menu ul {
	background:#4261C8;
	border-radius:0px;
}

.primary-menu ul a {
	padding:10px 10px 10px 20px;
}

ul.sub-menu li {
	text-transform:uppercase;
	font-size:36px;
}

li#menu-item-41 a {
    color:#FFC600;
}

li#menu-item-32 a {
    color:#C0DDEA;
}

li#menu-item-36 a {
    color:#EF683B;
}
/*.sub-menu a {
    position:relative;
}
.sub-menu a:after {
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    content:'';
    width:0;
    height:2px;
}
.sub-menu a:hover:after {
    width:100%;
}
li#menu-item-41 a:after {
    background:#FFC600;
}*/
.sub-menu a:hover,
.modal-menu a:hover {
    text-decoration:none;
}
@media (min-width:500px) {
    .modal-menu {
        max-width: 450px;
        margin: 0 auto;
        left:auto;
    }
}

.primary-menu ul::after {
	border-bottom-color:#44CEB7;
	right:0px;
}

.primary-menu li.current-menu-item > a {
	text-decoration:none;
	border-bottom:3px solid #4261C8;
}

.primary-menu > li > .icon {
	top:6px;
}

/* Mobile menu overrides */

.menu-modal-inner.modal-inner {
	background:#4261C8;
}

/* Special  */

.sidescroll {
    margin-top:40px;
    width:100%;
    /*overflow-x:scroll;*/
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
}

.donaters-set {
    height:530px;
    overflow-y:hidden;
    white-space: nowrap; 
}
.donaters-set * {
    white-space: normal;
}
.donaters-set a, .donaters-set a:visited {
    display:inline-block;
}

.donater {
	height: 500px;
	width:324px;
	margin:0px 10px 0px 0px;
	display: inline-block;
	vertical-align:bottom;
}

.donater-info {
	height:117px;
	padding:10px;
	box-sizing:border-box;
	vertical-align:middle;
}

.donater-image img{
	height:383px;
	vertical-align:bottom;
}

.donater-cost, .donater-name {
	color:#0082FF;
	display:block;
}

.donater-cost {
	font-size:16px;
}

.donater-name {
	font-size:24px;
	line-height:36px;
}

.primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul {
	right:-3px;
}

/* Home */


#map {
	width:100%; 
	height:640px; 
}

.dbctw .container {
	margin:150px auto;
}

#hero .container p {
	font-size:21px;
	line-height:41px;
	margin:30px 0px 0px 0px;
}

#hero .btn {
	margin-bottom:140px;
}

#hero {
	padding-top:100px;
}

section.mission .right {
	text-align:left;
	padding-bottom:40px;
}

/* ----------------------- Hero Video ------------------------*/


								.fullscreen-bg__video {
								    position: absolute;
								    top: 0;
								    left: 0;
								    width: 100%;
								    height: 100%;
								}

								.videohero {
								    position: absolute;
								    top: -180px;
								    right: 0;
								    bottom: 0;
								    left: 0;
								    overflow: hidden;
								    z-index: -100;
								}
								.buildabetter{
									max-width:1024px;
									width:100%;
									margin:0px auto;
									text-align:center;
								}

								.herobtn {
									margin:0px auto;
								}

								#hero .container p.herop {
									margin-top:-120px;
									margin-bottom:40px;
								}

								@media (min-aspect-ratio: 16/9) {
								  .fullscreen-bg__video {
								    height: 300% !important;
								    top: -100%;
								  }
								}

								@media (max-aspect-ratio: 16/9) {
								  .fullscreen-bg__video {
								    width: 300% !important;
								    left: -100%;
								  }
								}

								@media (max-width: 767px) {
								  .videohero {
								    background: url("img/mobilebg.png") center center / cover no-repeat;
								  }

								  .fullscreen-bg__video {
								    display: none;
								  }
								  	#hero .container p.herop {
									margin-top:0px;
								}

								}





/* Home announcements */

section.basic.announcement-main {
	padding:0px 10px 40px 10px;
}

section.basic.announcement-header {
	padding:0px;
} 

section.basic.announcement-main .container, section.basic.announcement-header .container {
	padding:20px;
}

.announcement-image {
	display:inline-block;
	max-height:180px;
	max-width:240px;
	margin:0px 20px;
}

.announcement-content {
	display:inline-block;
}

h3.announcement-headline {
	font-size:36px;
	line-height:41px;
	margin-bottom:21px;
}

p.announcement-text {
	font-size:21px;
	margin-bottom:0px;
}

.announcement-content a.btn {
	margin: 20px 0px;
}

section.basic.announcement-header .announcement-content a.btn {
	float:right;
	margin:0px;
}

section.basic.announcement-header p.announcement-text {
	float:left;
}

section.basic.announcement-header .announcement-content {
	width:100%;
}



/* Projects Index */

.project-title {
	float:left;
	width:160px;
}

.project-title h2 {
	writing-mode:vertical-rl;
	white-space: nowrap;
	font-size:160px;
	line-height:98px;

}

.project-wrapper {
	width:100%;
}

.calendar-wrapper {
	position:relative;
	display:block;
	margin-bottom:160px;
}

.project-item-wrapper{
	display:flex;
	width:calc(100%-160px);
	flex-wrap:wrap;
	position:relative;
}

.project-item {
	width:31.3%;
	margin:0px 0% 2% 2%;
	display:inline-block;
	overflow:hidden;
	position:relative;

}

.project-item-hover {
	background: #4261C8;
	bottom: -100%;
	color: #fff;
	height: 100%;
	left: 0%;
	position: absolute;
	transition: bottom 0.5s ease;
	width: 100%;
	padding:10px;
	background-image: url("https://sawhorserevolution.org/wp-content/uploads/2023/02/next-arrow-bg.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}

.project-item-hover h3 {
	text-transform:uppercase;
	font-size:28px;
	line-height:48px;
}

.project-item:hover .project-item-hover {
	bottom:0%;
}

.project-item a {
	position:relative;
	width:100%;
	height:100%;
	display:contents;
}

.project-item img, .project-single-image img {
	object-fit:cover;
	width:100%;
	height:100%;
}

@media (min-width:768px) {
    body.page-template-template-srproject #site-content .container {
        min-height:850px;
    }
}
.project-item-wrapper h2.no-projects {
    font-size: 24px;
    line-height: 36px;
}
.project-item:before {
      content: "";
      float: left;
      padding-top: 100%;
}

.project-search {
    margin-bottom:32px;
}
.project-search select {
    background:#323232;
    color:#fff;
    width:200px;
    padding:5px;
    border-radius:3px;
    border:1px solid #787878;
    outline:none;
    line-height:44px;
}
@media (max-width:500px) {
    .project-search select {
        width:49%;
    }
}


/*  ------------------- Single projects view  ------------------- */

.project-single-main {
	width:100%;
}

.project-single-image {
	width:100%;
	position:relative;
}

.project-image-frame {
	width:75%;
	height:50%;
	position:absolute;
	top:-20px;
	left:-20px;
	background-color:#4261C8;
	z-index:0;
}

.project-blue-lines-right {
	position:absolute;
	right:-30px;
	bottom:20px;
	z-index:3;
}

.project-image-wrapper {
	position:relative;
	z-index:1;
	margin-bottom:20px;
}

.project-single-main .left h3 {
	font-size:36px;
	line-height:60px;
	text-transform:uppercase;
}

.pmeta{ 
	width:100%;

}

.pcontent {
	margin:60px 0px 60px 80px;
	max-width:864px;
}

.project-meta {
	background-color:#4261C8;
	padding:10px;
	margin-left:40px;
}

.project-meta-content {
	margin-left:10px;
}

.project-meta-teal-lines {
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
}

.project-content {
	margin-bottom:120px;
}

.prev-project, .next-project {
	width:100%;
}

.prev-project a, .next-project a {
	padding-bottom:20px;
	display:block;
	width:100%;
	font-size:25px;
	height:180px;
	padding:20px 28px;
	color:#fff;
	background-color:#FFC80F;
}

.prev-project a {
	background-image: url("img/prev-arrow-bg.svg");
	background-repeat:no-repeat;
	background-position:left bottom;
}

.next-project a{
	background-image: url("img/next-arrow-bg.svg");
	background-repeat:no-repeat;
	background-position:right bottom;
}

.prev-project a:hover, .next-project a:hover {
	background-color:#4261C8;
}

.project-back {
	position: absolute;
    height: 44px;
    width: 44px;
    top: 0px;
    left: -120px;
    z-index: 99999;
}

table.project-meta-content {
	border:none;
	color:#FFCA48;
}

table.project-meta-content td {
	padding:5px;
}

table.project-meta-content td.t-answer {
	text-align:left;
}

table.project-meta-content td.t-title {
	width:100px;

}


/* About */

img.build-top, .build-top img{
	max-width:739px;
	margin:60px auto;
	width:100%;
}

.about-top {
	display:inline-block;
	margin:0px 30px 0px 30px;
}



/* Basics */

.back-button-basics {
	position:absolute;
	top:-60px;
}

section#press p {
	margin-bottom:41px;
}

/* People */

.person {
	margin:100px 0px;
}

.person .right img {
	max-width:350px;
	margin:0px auto;
}

.person h3 {
	margin-bottom:28px;
}

.person h4 {
	text-transform:uppercase;
}

/* Tabs */
.tabs ul {
    display: flex;
}
.tabs ul li {
    padding-left:30px;
    padding-right:30px;
    padding-bottom:12px;
    position:relative;
}
.tabs ul li:after {
    display:block;
    content: "";
    position:absolute;
    height:7px;
    width:100%;
    bottom:-7px;
    left:0;
    background:rgba(255,255,255,0.5);
}
.tabs ul li a,
.tabs ul li a:visited {
    font-family: 'GothamBold', sans-serif;
    font-size:18px;
    line-height:24px;
    color:rgba(255,255,255,0.5);
}
.tabs ul li.active a,
.tabs ul li.active a:visited {
    color:#fff;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}
.tabs .tab-content {
    display:none;
    padding-top:40px;
}
.tabs .tab-content.active {
    display:block;
}
.tabs .tab-content h4 {
    font-size:28px;
    line-height:41px;
    margin-bottom: 30px;
}
.tabs .nav {
    position:relative;
}
.tabs .underline {
    display:none;
    position:absolute;
    width:100px;
    height:7px;
    background:#fff;
}

/*  ------------------- Donate  ------------------- */

.onetime{
    margin-bottom: 100px;
}

section.donate.yellow {
    padding-top:40px;
    padding-bottom:60px;
}
@media (min-width:768.1px) {
    section.donate.yellow h2 {
        font-size:72px;
        line-height:72px;
    }
}
.simpay-modal__content {
    color:#666;
}
.simpay-currency-symbol {
    color:#666;
}
.simpay-modal__body label {
    display:block;
}

.simpay-modal__content input[type=email] {
    background-color: #fff !important;
    color: #232323 !important;
}

.donate h3 {
    margin-bottom:20px;
}
.donation-forms-hidden {
    display:none;
}
.donation-form form {
    display:flex;
}
.donation-form .input.number.dollar {
    position:relative;
    width:255px;
    max-width:100%;
    display:inline-block;
}
.donation-form .btn {
    margin:0;
    outline:none;
    margin-left:10px;
}
.donation-form .input.number.dollar:after {
    position:absolute;
    content:"$";
    display:block;
    color:#3B60CF;
    left:10px;
    top:0px;
    font-size:21px;
    line-height:44px;
}
.donation-form .input.number input {
    color:#3B60CF;
    text-align:right;
    outline:none;
    height:44px;
    line-height:44px;
    padding:0 10px;
    border:1px solid #fff;
}
.gift-item {
    display:inline-block;
    width:325px;
    height:495px;
    margin-right:10px;
}
@media (max-width:350px) {
    .gift-item {
        width:300px;
    }
}
.gift-item .image {
    position:relative;
    width:100%;
    height: 383px;
    overflow:hidden;
}
.gift-item .image img {
    object-fit: cover;
    width:100%;
    height:100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.gift-item .head {
    position:relative;
    background:#FFCA48;
    color:#0082FF;
    padding:20px 15px;
}
.gift-item .head h4 {
    font-size:16px;
    line-height:16px;
    margin-bottom:10px;
    letter-spacing:0px;
}
.gift-item .head h3 {
    font-size:24px;
    line-height:24px;
    margin-bottom:10px;
}
.gift-item .head .material-icons {
    position:absolute;
    color:#fff;
    right: 20px;
    top: 35px;
    font-size: 48px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.gift-item .image p {
    display:block;
    z-index:2;
    position:absolute;
    width:100%;
    height:100%;
    padding:15px;
    background:rgba(0,130,255,0.8);
    color:#fff;
    -webkit-transition: bottom 0.5s ease;
    -o-transition: bottom 0.5s ease;
    transition: bottom 0.5s ease;
    bottom:-100%;
}
a.gift-item-link:hover .gift-item .image img {
    transform:scale(1.2);
}
a.gift-item-link:hover .gift-item .head .material-icons {
    right:5px;
}
a.gift-item-link:hover .gift-item .image p {
    display:block;
    bottom:0%;
    z-index:2;
    -webkit-transition: bottom 0.5s ease;
    -o-transition: bottom 0.5s ease;
    transition: bottom 0.5s ease;
}

/*  ------------------- Volunteer  ------------------- */


.container.yellow.volunteer-form {
	margin:60px auto;
	padding:60px;
}

.successflower {
	width:176px;
	margin:-120px auto 20px auto;
}

.strongirl {
	width:300px;
	margin:-40px auto 20px auto;
	z-index:1;
}

.container.yellow.volunteer-form h4{
	color:#4261C8;
}

.volunteer-form.volunteer-success p {
	color:#4261C8;
}

.volunteer-long-form {
	width:100%;
	margin:40px auto;
	max-width:1024px;
	padding:40px;
	box-sizing:border-box;
}

.volunteer-long-form .pencils {
	float:left;
	width:180px;
}

.volunteer-long-form .long-form-text {
	float:left;
	color:#4261C8;
	margin: 0px 40px;
	text-align:center;
}

.volunteer-long-form .long-form-text h3 {
	font-size: 36px;
	line-height:48px;
	margin-bottom:21px;
}

.volunteer-long-form .long-form-text p {
	font-size:21px;
}

.volunteer-long-form .long-form-text a.btn {
	margin:20px 0px;
}


/*  ------------------- Calendar Overrides  ------------------- */

.tribe-theme-twentytwenty .tribe-common, .tribe-events .tribe-events-header, .tribe-events .tribe-events-c-events-bar, .tribe-events .tribe-events-c-events-bar__search-filters-container, .tribe-events .tribe-events-c-view-selector__content{
	background:transparent;
	color:#fff;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
	border:0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container, .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container, .tribe-events .tribe-events-l-container, .tribe-common .tribe-common-l-container {
	padding:0px;
}

.calendar-wrapper {
	min-height:1200px;
}

.calendar-wrapper button {
	background:transparent;
}

.tribe-common-g-row.tribe-events-calendar-list__event-row {
	padding: 30px 0px;
	background-color: #424242;
	margin-left: 0px !important;

}

h3.tribe-events-calendar-list__event-title {
	font-size:24px;
	line-height:32px;
}

span.tribe-events-calendar-list__event-date-tag-weekday, .tribe-events-calendar-list__event-datetime-wrapper {
	text-transform:uppercase;
	opacity:0.7;
}

span.tribe-events-calendar-list__event-date-tag-daynum {
	font-size: 42px;
	margin-top:10px;
}

.tribe-events-calendar-list__month-separator-text.tribe-common-h7 {
	font-size:42px;
	text-transform: uppercase;
	background-color: #323232;
}

.tribe-events-calendar-list__month-separator {
	min-height:44px;
	background-image: url("img/calendar-month-line.svg");
	background-position: right top;
	background-repeat:no-repeat;

}

.datepicker.dropdown-menu {
	background-color:#4261C8;
}

.datepicker table tr td.active, .datepicker table tr td.active.active {
	background-color:#323232;
	background-image:none;
}

.datepicker-switch {
	font-size:24px;
	text-transform:uppercase;
}

.tribe-events-c-view-selector__list-item-text {
	display:none;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
	padding:20px;
}

.tribe-events-header__events-bar.tribe-events-c-events-bar {
	display:none;
}


/* Single Event view */

h1.tribe-events-single-event-title {
	font-size:60px;
	line-height:60px;
}

.tribe-events-schedule h2 {
	font-size:36px;
	line-height:36px;
	margin-bottom:20px;
}

span.tribe-events-cost, span.tribe-events-venue-p {
	display:block;
	font-size:36px;
	margin-bottom:20px;
}

.tribe-events-event-meta:first-child {
	border:none;
}

.right.calendar-details {
	position:relative;
	top:-80px;
	z-index:9999;
	text-align:left;
	background-color:#C0DDEA;
	padding:20px;
	box-sizing:border-box;
}

h3.event-details {
	font-size:28px;
	line-height:28px;
	margin-bottom:0px;
}

.event-details-top {
	position:absolute;
	top:-90px;
	z-index:9999;
}

.single-tribe_events .tribe-events-event-meta {
	margin:0px;
}

.right.calendar-details .tribe-events-meta-group-details h2{
	display:none;
}

.right.calendar-details dl, .right.calendar-details dl dt, .right.calendar-details dl dd, .tribe-events-abbr.tribe-events-start-time.published.dtstart, h2.tribe-events-single-section-title  {
	font-size:18px;
	color:#4261C8;
	font-weight:500;
}

.right.calendar-details dl dt, h2.tribe-events-single-section-title  {
	float:left;
	width:80px;
	height:60px;
}

.right.calendar-details dl dd {
	height:60px;
}

dt, dd, dl, dd + dt, dt + dd, .single-tribe_events .tribe-events-event-meta {
	margin-top:0px;
}


#tribe-events-header .tribe-events-nav-pagination, .right.calendar-details .tribe-events-venue-map, .tribe-events-event-cost-label, .tribe-events-event-cost, .tribe-events-meta-group.tribe-events-meta-group-organizer {
	display:none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-date-tag {
	min-width:104px;
}

h2.tribe-events-single-section-title {
	display:block;
	line-height:18px;
}

.tribe-events-button { 
	background-color:#6CCBB8;
	color:#fff;
	margin-right:20px;
}

.tribe-events-nav-next {
	text-align:right;
}

.tribe-events-nav-previous {
	text-align:left;
}

.calendar-bottom {
	position:absolute;
	bottom:-15px;
	width:100%;
	height:30px;
	left:-60px;
	background-image: url('img/yellow-bottom.svg');
	background-size: auto 100%;
}

.btn.event-join.blue {
	margin:10px 0px;
	width:100%;
}

/* Forms */

form {
	width:100%;
}
input {
	margin:0px;
	height:44px;
}

.mailformfoot label {
	display:none;
}

input[type=email], input[type=submit], input[type=text] {
	font-size:18px;
	border:none;
}


input[type=email], input[type=text], .forminator-value {
	background-color:#232323 !important;
	color:#fff !important;
	width:512px !important;
	max-width:100% !important;
	margin-bottom:10px;
	font-weight:500 !important;
}

.mailing input[type=email], .mailing input[type=text] {
	float:left;
	padding-left:10px;
}

div#mc_embed_signup input[type=text] {
	width:250px !important;
	margin-left:5px;
}

input[type="submit"] {
	background: #4261C8;
	text-transform:none;
	padding:12px;
	font-size:21px;
	font-weight:500;
	line-height:21px;
}


/* mobile menu */
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
	font-weight:500;
	letter-spacing:0;
}

.modal-menu li {
	border:none;
}

.nav-toggle {
	position:fixed;
	top:20px;
	right:4px;
	bottom:auto;
	left:auto;
	z-index:99999;
}

.nav-toggle.active {
	display:none;
}



/* Helpers */

.clear {
	clear:both;
}

img.rel, .rel {
	position:relative;
}


/* ------------------- Flair  ------------------- */

/* Home */

.abs {
	position:absolute;
}
.flair-mission-top {
	top:-5%;
	right:0px;
	width:50%;
	height:5%;
}

.flair-mission-bottom {
	bottom:0px;
	left:0px;
	width:50%;
	height:5%;
}

.flair-guerrilla-left {
	left:0px;
	width:100px;
	height:110%;
	top:-5%;
	z-index:9;
}

.flair-guerrilla-right {
	right:0px;
	width:100px;
	height:580px;
	top:-275px;
	z-index:9;
}

.flair-guerrilla-left-inner {
	bottom:0px;
	width:100px;
	height:100px;
	z-index:9;
}

.flair-guerrilla-right-inner {
	bottom:-50px;
	right:0px;
	width:50px;
	height:50px;
	z-index:9;
}

.flair-guerrilla-right-lines {
	bottom:50px;
	right:0px;
	width:60px;
	height:376px;
	z-index:9;
	background-image: url('img/project-blue-lines-right.svg');
}

.flair-guerrilla-bottom-line {
	bottom:0px;
	left:50%;
	height:200px;
	width:1px;
}

.flair-dbctw-top-line {
	top:0px;
	left:50%;
	height:200px;
	width:1px;
}

.flair-dbctw-left {
	top:460px;
	left:0px;
	width:100px;
	height:777px;
	z-index:9;
}

.flair-dbctw-left-top {
	top:0px;
	height:200px;
	width:100%;
	z-index:10
}

.flair-dbctw-left-bottom {
	bottom:0px;
	height:100px;
	width:100%;
	z-index:10
}

.flair-dbctw-triangle {
	top:-100px;
	left:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 200px 200px 0 0;
	border-color: #d8d8d8 transparent transparent transparent;
}

.flair-dbctw-right-lines {
	top:-40px;
	right:0px;
	width:100px;
	height:610px;
	z-index:9;
	background-image: url('img/project-blue-lines-right.svg');
	background-size: auto 100%;
}

.flair-dbctw-yellow-grey {
	bottom:800px;
	right:0px;
	width:50px;
	height:660px;
	z-index:9;
	background-image: url('img/yellow-grey.svg');
	background-size: auto 100%;
}

.flair-dbctw-blue-triangle-down {
	bottom:-100px;
	right:0px;
	width:100px;
	height:583px;
	z-index:9;
	background-image: url('img/blue-triangle-down.svg');
	background-size: auto 100%;

}

.flair-dbctw-teal-lines-bottom {
	bottom:-80px;
	left:0px;
	width:60px;
	height:376px;
	z-index:9;
	background-image: url('img/teal-lines.svg');
	background-size: auto 100%;

}

.flair-revolution-left {
	width:30px;
	top:315px;
	left:0px;
	height:714px;
}

.flair-revolution-left-bottom {
	width:100%;
	bottom:0px;
	left:0px;
	height:290px;
}

.flair-revolution-right {
	width:100px;
	top:50%;
	right:0px;
	height:200px;
}



/* Mailing list arrows */

.footer-mail-arrow-left {
	height:220px;
	width:calc(50% - 286px);
	left:0px;
	top:260px;
}

.footer-mail-arrow-left-bar {
	height:110px;
	width:calc(100% - 120px);
	left:0px;
	top:55px;
	background-color:#FFC600;
	z-index:10;
}
.footer-mail-arrow-left-point {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 110px 0 110px 120px;
	border-color: transparent transparent transparent #FFC600;
	right:0px;
	top:0px;
	z-index:10;
}

.footer-mail-arrow-right {
	height:220px;
	width:calc(50% - 136px);
	right:0px;
	top:60px;

}

.footer-mail-arrow-right-bar {
	height:110px;
	width:calc(100% - 120px);
	right:0px;
	top:55px;
	background-color:#FFC600;
	z-index:10;
}
.footer-mail-arrow-right-point {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 110px 120px 110px 0;
	border-color: transparent #FFC600 transparent transparent;
	left:0px;
	top:0px;
	z-index:10;
}




.forminator-custom-form-68.forminator-design--flat .forminator-radio span[aria-hidden] {
	background-color:#ededed;
	display:block;
}


.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form .forminator-radio span[aria-hidden], .forminator-ui.forminator-custom-form .forminator-radio span[aria-hidden] {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    position: relative;
    border-width: 0;
    border-style: none;
    border-radius: 40px;
    display:block;
    background-color:#fff;
}

.forminator-custom-form-68.forminator-design--flat .forminator-radio span[aria-hidden]:before {
    background-color: #17A8E3;
}

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form .forminator-checkbox input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form .forminator-radio input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form .forminator-response-message.forminator-accessible, .forminator-ui.forminator-custom-form .forminator-checkbox input, .forminator-ui.forminator-custom-form .forminator-radio input, .forminator-ui.forminator-custom-form .forminator-response-message.forminator-accessible {
    width: 1px!important;
    height: 1px!important;
    overflow: hidden!important;
    position: absolute!important;
    white-space: nowrap!important;
    margin: -1px!important;
    padding: 0!important;
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
}

label.forminator-radio {
    padding:0;
}
label.forminator-radio span:not([aria-hidden]) {
    width:100%;
    height:100%;
    background:#f2f2f2; 
    padding:12px 40px;
    margin-left:0 !important;
    transition: 0.2s all;
}
label.forminator-radio span:not([aria-hidden]):hover {
    background:#fff;
}
label.forminator-radio.active span:not([aria-hidden]) {
    background:#323232;
    color:#fff !important;
}
label.forminator-radio.active span:not([aria-hidden]):after {
    display: block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:5px;
    font-family: "Material Icons";
    content: "\E5CA";
    font-size: 32px;
}






/*  ------------------- media queries -------------------  */

/* the first two queries govern the large vertical titles on projects and calendar. they are for minimum sizes. */

@media only screen and (min-width: 1064px) {
	.project-content p {
		font-size:21px;
		line-height:41px;
		margin-bottom:41px;
	}

	table.project-meta-content td.t-title  {
		font-size:21px;
		line-height:41px;
		width:180px;
	}

	table.project-meta-content td.t-answer {
		font-size:21px;
		line-height:41px;
	}
}

@media only screen and (min-width: 1330px) {


		.project-title {
			position:absolute;
			left:-160px;
		}

		.project-item-wrapper, .calendar-wrapper {
			width:100%;
		}

		.project-item:nth-child(3n-2) {
			margin-left:0%;
			width:32%;
		}

		.tribe-events-back {
			position:absolute;
			height:44px;
			width:44px;
			top:-60px;
			left:-120px;
			z-index:99999;
		}

}


/* this is a fix for flair */

@media only screen and (max-width: 1244px) {
		
		.side {
			max-width:10px;
		}

		.flair-dbctw-triangle {
			border-width: 120px 120px 0 0;
			top:-60px;

		}
}

/* medium (tablet sizes) */

@media only screen and (max-width: 1064px) {


		.left img, .right img {
		max-width:100%;
		margin:0px auto;
		}
		img.rel {
			position:static;
		}
		.container, .header.container {
			padding-left:30px;
			padding-right:30px;
			box-sizing: border-box;
		}

		.container.donate {
			padding-right:0px;
		}

		.dbctw h2.t-design, .dbctw h2.t-build, .dbctw h2.t-change, .dbctw h2.t-world, .dbctw h3.t-the {
			margin-left:0px;
		}

		.project-item {
			width:48%;
		}

		.footer-mail-arrow-right {
			width:35%;
		}
		.container.yellow.volunteer-form {
			padding:60px 5px;
		}

		/* Calendar fixes for the range between 850 and 768*/

		.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
			display:none;
		}

		.tribe-events .tribe-events-calendar-list__event-date-tag {
			width:100px;
		}

		/* Volunteer form switcher */
		.volunteer-long-form {
			margin:0px auto;
		}
		.container.yellow.volunteer-form {
			margin:60px auto 0px auto;
		}

}


/* mobile and other small screens */

@media only screen and (max-width: 768px) {


  	.left, .right, .third, .middle  {
    	width:100%;
 	 }

 	 .left, .right, .third {
    	margin:40px 0px;
 	 }

	.right {
		text-align:left;
	}

	.header .left {
		margin:0px;
	}

  	h1 {
		font-size: 60px;
		line-height:72px;
	}
	h2, h3 {
		font-size: 48px;
		line-height:60px;
	}

	.project-item {
		width:100%;

	}
	.project-title h2, .calendar-title h2 {
		font-size:48px;
		line-height:60px;
		writing-mode:rl;
	}
	
	.project-title, .calendar-title {
		width:100%
	}

	.project-item-wrapper, .calendar-wrapper {
			width:100%;
	}
	
	.project-meta {
		margin-left:0px;
	}

	.project-meta-teal-lines {
		display:none;
	}
	.pcontent {
		margin-left:0px;
	}

	/*Announcements mobile */

	section.basic.announcement-header .announcement-content a.btn {
	float:none;
	margin:0px auto 20px auto;
	}

	section.basic.announcement-header p.announcement-text {
		float:none;
		width:100%;
		margin-bottom:20px;
	}

	section.basic.announcement-header .container, section.basic.announcement-main .container {
		padding:20px;
		text-align:center;
	}




	/* Calendar mobile */

	.tribe-events-calendar-list__month-separator-text.tribe-common-h7 {
		font-size:21px;
	}

	.tribe-events-calendar-list__month-separator {
		background:none;
	}

	.tribe-events .tribe-events-calendar-list__event-row {
		flex-wrap:wrap;
	}

  	.tribe-events .tribe-events-calendar-list__event-wrapper {
  		flex:none;
  	}
  	.tribe-events .tribe-events-calendar-list__event-wrapper {
  		width:100%;
  	}
  	.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
  		display:inline-block;
  	}

  	.tribe-events .tribe-events-calendar-list__event-date-tag {
  		width:100%;
  	}
  	.tribe-common-g-row.tribe-events-calendar-list__event-row {
  		padding:10px;
  	}
  	span.tribe-events-calendar-list__event-date-tag-daynum {
  		font-size:18px;
  	}
  	header.tribe-events-header.tribe-events-header--has-event-search {
  		margin-bottom:40px;
  	}

  	.tribe-events-calendar-list__event-date-tag.tribe-common-g-col {
  		margin-bottom:10px;
  	}

  	.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
  		display:none;
  	}

  	/*volunteer sucess mobile */
  	.volunteer-long-form {
		width:100%;
		margin:40px auto;
		max-width:1024px;
		padding:20px;
		box-sizing:border-box;
		text-align:center;
	}

	.volunteer-long-form .pencils {
		float:none;
		margin:0px auto;
		width:180px;
	}

	.volunteer-long-form .long-form-text {
		float:none;
		color:#4261C8;
		margin: 20px 0px 0px 0px;
	}


}


/* izet's things */

.map-locations {
    display:none;
}
.gm-style .gm-style-iw-c {
    background-color:#4261C8;
    padding:0;
    border-radius:0;
    box-shadow: 0 20px 10px 0px rgba(0,0,0,0.2);
    max-height:100% !important;
    min-height:550px;
}
.gm-style .gm-style-iw-d {
    overflow:auto !important;
    max-height:100% !important;
    min-height:550px;
}
.maps-popup {
    max-width:440px;
    max-height:100%;
}
.maps-popup .content {
    padding:15px;
}
.maps-popup .content .title {
    padding-top:10px;
    font-size:36px;
    line-height:60px;
    text-transform:uppercase;
    font-weight:700;
}
@media (max-width:400px) {
    .maps-popup .content .title {
        font-size:28px;
        line-height:48px;
    }
}
.maps-popup .content img {
    max-width:100%;
}
.maps-popup .buttons a.prev,
.maps-popup .buttons a.next {
    display:block;
    position:absolute;
    bottom:15px;
    left:15px;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.maps-popup .buttons a.prev:hover {
    transform:translateX(-10px);
}
.maps-popup .buttons a.next:hover {
    transform:translateX(10px);
}
.maps-popup .buttons a.prev .material-icons,
.maps-popup .buttons a.next .material-icons {
    font-size:48px;
}
.maps-popup .buttons a.next {
    left: auto;
    right:15px;
}

@media (max-width:400px) {
    .gm-style-iw.gm-style-iw-c {
        max-width:300px !important;
    }
}

.gm-style-iw.gm-style-iw-c button {
    top:15px !important;
    right:15px !important;
}
.gm-style-iw.gm-style-iw-c button img {
    visibility:hidden;
}
.gm-style-iw.gm-style-iw-c button:after {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    font-family: "Material Icons";
    content: "\E14C";
    font-size: 32px;
}
/*
* {
    border:1px dotted #ff0000 !important;
}*/