/*
Original break points
@import url("mobile.css") (max-width: 767px);
@import url("desktop_tablet.css") (min-width: 768px);
*/

@import url("mobile.css") (max-width: 767px);
@import url("desktop_tablet.css") (min-width: 768px);

* {margin: 0; padding:0; }
body {
	background:#21262d;
	color: #efefef;
	width:100%;
}

nav a {color:#efefef; }

nav p a, nav h1 a {
	font-family: "Cardo", serif;
	font-size: 1.4em;
}

li, ol, ul { list-style-type:none; display:block;}

p, li {
	font-family: "Cardo", serif;
	font-size: 1.2em;
	padding: 1.4em 0 0 0;
	line-height: 1.4em;
}

a {color:#21262d;}
a, a:hover {text-decoration:none;}

a.selected {color:#ca3724;}

section {
	line-height:0;
}

.clr {clear:both;}

img {width:100%;}

h1, h2, h3 {
	font-family: "Cardo", serif;
	letter-spacing: .03em;
	line-height: 1.25;
}

h1 { font-size: 1.2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.2em; padding: 20px 0; }

.italics {font-style: italic;}

.hero {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.hero.none {
	padding: 0;
}
.hero.home {
	background-image: url(../i/hoodie.jpg); }								/* HOME */
.hero.stone { background-image: url(../i/selfportrait.jpg); }					/* HOME */
.hero.freire { background-image: url(../i/freire.jpg); }							/* RESILIENT CODERS */
.hero.rc_laptop { background-image: url(../i/rc_laptop.jpg); }				/* RESILIENT CODERS */
.hero.rc_2020a { background-image: url(../i/celebrate.jpg); }					/* RESILIENT CODERS */
.hero.lunadeplata { background-image: url(../i/lunadeplata.jpg); } 		/* BOOK */
.hero.desk {
	background-image: url(../i/desk_cool.jpg);
	background-position:bottom;} 						/* BOOK */
/* desk_topdown_warm desk_cool desk_warm */
.hero.thanks { background: #21262d; } 	/* THANKS */
.hero.partner { background-image: url(../i/campaign_emblem.jpg);}			/* PARTNER */
.hero.services { 																										/* SPEAKING */
	background-image: url(../i/tedx.jpg);
	background-position: top;
	}
.hero.wirecutters { background-image: url(../i/wirecutters2_site.png); }			/* SPEAKING */
.hero.news { background-image: url(../i/selfportrait_orig.jpg); }							/* NEWS */
.hero.stag { background-image: url(../i/stag.jpg); }									/* NEWS */

.hero h1, .hero p, {
	color: #3e3e3e;
}

.hero h1 {font-size: 4em;}

.container {
	width:100%;
	text-align:center;
}

.container1024 {
	width: 100%;
	/* max-width: 1024px; */
	display: block;
	text-align: center;
	margin:0px auto;
}

.content {
	border-bottom:4px solid #efefef;
	background:#21262d;
	float:left;
	width:100%;
}

.content.color {
	background: #ca3724;
}

.content a, content a:hover {
	color: #efefef;
	text-decoration: underline;
}

.content li a, content li a:hover {
	color: #efefef;
	text-decoration: none;
}

.content p.centered {
	text-align:center;
	margin: 20px auto;
	display: block;
}

.content p a.btn {
	background: #efefef;
	color: #ca3724;
	padding: 12px 20px;
	border-radius: 8px;
	text-decoration:none;
}

.content p a.inline {
	border-bottom: 1px dotted #efefef;
	color: #efefef;
}

input.button {
width: 90%;
text-align:center;
margin: 6px auto;
}

input[type="radio"] {width: 50px;}

.content_img,
.content_img_33,
.content_copy,
.content_copy_66 {
	float: left;
	text-align:left;
}

.content_copy section,
.content_copy_66 section {
padding: 75px 20px;
}

.content_centered {
	width:90%;
	max-width:900px;
	text-align:left;
	margin: 50px auto;
}

.content_centered h2 {
	padding: 60px 0;
	text-align:center;
}
.sm {font-size:.7em;}

.news {
	padding-bottom:100px;
}

.news a {
	color: #efefef;
	float: left;
	width: 100%;
	padding: 8px;
}

.news a:hover {
	background-color: #efefef;
	color: #21262d;
	cursor:pointer;
}

.news .dropdown-content a,
.news .dropdown-content a:hover {
	color: #ca3724;
	float: none;
	width: auto;
	padding: 0px;
	background-color: transparent;
}

.news span.date {
	float: left;
	display: inline-block;
	padding-right: 20px;
}
.news h4 {
	float: left;
	display: inline-block;
}

.news li {clear:both;}

.quote_author {
	text-align:right;
	color:#ca3724;
}

.quotes hr {
	margin: 32px auto ;
	border: 1px solid #555;
	width: 25%;
	text-align: right;
}

.num {
	display: block;
	font-weight: 900;
	margin: 12px auto;
	text-align: center;
	width: 52px;
	border-radius: 30px;
	padding: 12px 0;
}

.num.black {background-color: #21262d; color: #efefef;}
.num.white {background-color: #efefef; color: #21262d;}


/* ***********
MailChimp form
************** */

#mc_embed_signup {
		width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

form p { padding: 1.4em 0;}

input {
		font-size: 14px!important;
    width: 94%;
		margin:6px 0;
    padding: 1em 1.4em!important;
		color: #5e5e5e;
		border-width: 0px;
	}

	input.button {
		background: #ca3724;
		color: #efefef;
		padding: 12px 20px;
		width:25%;
		cursor: pointer;
	}
	input.button:hover {
		background: #efefef;
		color: #ca3724;
	}

	/* end MailChimp form */

.nav_bottom a, .nav_bottom a:hover { color: #efefef; }
.nav_bottom li a { display:block;}

.thanks p a, .thanks p a:hover {color: #efefef;}

/*
consulting - DROPDOWN
*/
.dropdown-content p {display:none; color: #999;}
.show p {display:block;}

.dropdown-content h3 {
	padding-left: 0;
}