/*
Theme Name: Dopodo 2020
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Chris
Template: twentyseventeen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
	font-family: "TheinhardtMedium";
	src: url("../twentyseventeen/font/Theinhardt-Medium.eot"); /* IE9 Compat Modes */
	src: url("../twentyseventeen/font/Theinhardt-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../twentyseventeen/font/Theinhardt-Medium.woff") format("woff"), /* Modern Browsers */
    	url("../twentyseventeen/font/Theinhardt-Medium.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "TheinhardtBold";
	src: url("../twentyseventeen/font/TheinhardtBold-Regular.eot"); /* IE9 Compat Modes */
	src: url("../twentyseventeen/font/TheinhardtBold-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../twentyseventeen/font/theinhardt-bold.woff") format("woff"), /* Modern Browsers */
    	url("../twentyseventeen/font/theinhardt-bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

/*** GLOBAL ***/
body { color:#575756; background-color:#edeff0; font-family:'TheinhardtMedium', sans-serif;  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative }
h1, h2, h5 { font-family:'TheinhardtBold'; font-size:23px !important; line-height:25.3px; letter-spacing:4px; margin:0.4em 0 0 0; padding:0; text-transform:uppercase; font-weight:normal; transform:scale(1,1.1); 
 -webkit-transform:scale(1,1.1);
-moz-transform:scale(1,1.1);
-ms-transform:scale(1,1.1);
-o-transform:scale(1,1.1);  }
h3 { font-family:'TheinhardtBold'; font-size:16px; letter-spacing:2.5px; color:#575756; font-weight:normal }
h4 { font-family:'TheinhardtBold'; font-size:18px; letter-spacing:2.2px; color:#575756; margin:0; padding:2px 0 7px 0; font-weight:normal; line-height:1.25 }
h5 { color:#575756 }
h5 strong, h5 b { font-weight:normal }
p { font-family:'TheinhardtBold', sans-serif; font-size:18px; line-height:24px; margin:0 0 0.5em; letter-spacing:0.5px }
p:not(.tser) { font-family:'TheinhardtMedium', sans-serif }
/*a { color:#575756; text-decoration:none; background-color:#fff ; box-shadow:none !important }*/
a { color:#575756; text-decoration:none; background-image:url('../twentyseventeen/images/link-bg.png'); background-position:0 center; background-repeat:repeat-x; box-shadow:none !important }
a:hover, .header-cells span:hover, #canc:hover { color:#008edf; text-decoration:none; box-shadow:none !important }
::-webkit-input-placeholder { font-family:'TheinhardtMedium'; color:#999 }
::-moz-placeholder { font-family:'TheinhardtMedium'; color:#999 }
:-ms-input-placeholder { font-family:'TheinhardtMedium';  color:#999 }
:-moz-placeholder { font-family:'TheinhardtMedium'; color:#999 }
.site { min-height:100vh }
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { border:none }
ul { margin-left:15px; font-size:18px }

/*** HEADER ***/
.site-header { display:table; background:none; width:100%; max-width:950px; margin:0 auto; padding-top:18px; font-family:'TheinhardtBold', sans-serif; letter-spacing:3px; line-height:36px; text-align:center }
.site-header div { font-size:24px }
.site-header div:first-of-type { text-align:left; font-size:30px; letter-spacing:4px; width:33.33% }
.site-header div:nth-of-type(2) { width:33.33% }
.site-header div:nth-of-type(3) { width:33.33%; text-align:right }
/*.site-header div:last-of-type { text-align:right; width:22.3% }
.site-header div:last-of-type a { width:100%; display:inline-block; margin-right:-5px }*/
.header-cells {  display:table-cell; vertical-align:top; position:relative }
.header-cells a:not(.fb):not(.insta) {  background:none }
.header-cells span { cursor:pointer; display:inline-block; line-height:26px }
.header-cells span:hover { background-position-y:-27px }
.menu-container img:hover, .login-submenu img:hover { opacity:0.7 }
.logo-link { line-height:36px !important }
.menu-link { padding-left:28px; background-image:url('../twentyseventeen/images/menu-icon.png'); background-repeat:no-repeat; background-position-y:0; height:25px }
.search-link { padding-left:28px; background-image:url('../twentyseventeen/images/search-icon.png'); background-repeat:no-repeat }
.login-link { padding-left:34px; background-image:url('../twentyseventeen/images/login-icon.png'); background-repeat:no-repeat }
/*#fb-icon, #tw-icon { position:absolute; top:42px; right:0 }
#tw-icon { top:77px }
#fb-icon:hover, #tw-icon:hover { opacity:0.7 }*/
.fb, .insta { display:inline-block; margin-top:4px; width:24px; height:24px; background:url('../twentyseventeen/images/FB.svg') no-repeat; background-size:24px; cursor:pointer }
.insta { background-image:url('../twentyseventeen/images/Insta.svg') }
.fb:hover, .insta:hover { opacity:0.7 }
.claim { max-width:950px; margin:52px auto 20px; font-family:'TheinhardtBold', sans-serif; font-size:19.2px; letter-spacing:2.7px; line-height:1.24; text-align:justify; text-transform:uppercase }
.search-form { position:absolute; top:18px; left:570px; z-index:20 }
.search-form label, #info-pane { display:none }
.search-form, .search-form .search-submit{ display:none }

input[type="search"], input[type="text"], input[type="password"], input[type="submit"] { max-width:300px; padding:0.2em; font-family:'TheinhardtMedium', sans-serif }
input[type="text"], input[type="password"] { display:inline-block }
input[type="submit"] { width:297px; padding:0.5em 0; font-weight:normal; color:#7c7c7c; background-color:#e6e6e6; border:1px solid #d2d2d2; box-shadow:0 1px 2px rgba(64,64,64,0.1) }
input[type="submit"]:hover { background:rgba(0,142,223,0.1) }
label { width:175px; display:inline-block; color:#575756; font-weight:normal }

/*** MENU ***/
.menu-overlay { position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; background-color:#008edf; opacity:0.95; display:none }
.menu-container { position:fixed; z-index:105; left:50%; width:950px; margin:22px auto 0 -475px; font-family:'TheinhardtBold', sans-serif; font-size:30px; letter-spacing:4px; line-height:36px }
.menu-container img { position:absolute; top:10px; right:0; cursor:pointer }
.logo-link.white { color:#fff; margin-top:-3px }
.logo-link.white:hover { color:#86d0f3 }
.menu-main-menu-container { margin-top:20px }
.menu { list-style:none; text-transform:uppercase; font-size:24px }
.menu a { color:#fff; background:none }
.menu a:hover { color:#86d0f3 !important }
.menu li { display:inline-block; margin-right:21px; vertical-align:top }
.menu li:last-of-type { margin-right:0 }
.menu li > ul { margin-left:0; line-height:34px }
.menu li > ul li { display:block; margin-right:0; font-size:18px; letter-spacing:2px }
.icon { display:none }
.current_page_ancestor > a, .current_page_item > a { color:#86d0f3 }

/*** CONTENT ***/
.wrap { max-width:950px; padding:0 }
.panel-content .wrap, .site-content .wrap { padding:0 0 185px }
.site-content-contain { background:none }
.site-content { padding:0 }
body.page-two-column:not(.archive) #primary .entry-content, .content-area, #primary { float:none !important; width:100% !important }
body.page-two-column:not(.archive) #primary .entry-header { float:none; width:100%; text-align:center; padding-bottom:23px !important }
body.page:not(.twentyseventeen-front-page) .entry-title, .page-title { margin:0; height:28px; line-height:28px; font-size:17px !important; letter-spacing:3px; font-weight:normal; color:#008edf }
.page-title.front { width:100%; text-align:center; margin:0 0 9px; color:#fff; background-color:#008FDF }
.page-title { text-align:center }
.page-title a { color:#008edf; background-image:none; background-color:#FFFFFB }
.page-title.front a { color:#fff }
.page-title a:hover { opacity:0.7 }
.page-title br { display:none }
.entry-header { margin-top:6px; padding-bottom:10px !important }
.entry-title a { background:none }

/*** PAGES WITH TILES ***/
.tile { width:450px; height:510px; margin:0 50px 30px 0; background-color:#fff; float:left }
.site-main div:nth-of-type(2n) { margin-right:0 }
.tile p { line-height:21px }
.tile h2 { margin:-3px 0 12px }
.tile span, .subheadline, .wp-caption-text { font-family:'TheinhardtBold', sans-serif; font-size:14px; display:block; margin:-9px 0 5px; font-style:normal }
.wp-caption-text { margin-top:5px !important }
.subheadline { margin:17px 0 0 0 }
.entry-title { margin:22px 0 9px !important }
.iframe-container { display:block; position:relative; height:0; overflow:hidden; padding-bottom:56.25% }/*.entry-content.vid p:first-of-type*/
.iframe-container iframe { display:block; position:absolute; top:0; left:0; height:100%; width:100% }/*.entry-content.vid iframe*/
.issuuembed a { background:none }

/*** ABOUT ***/
.about-box { background-color:#fff; height:217px; padding:0.1px; margin-bottom:25px }
/*.about-box a { background-color:#edeff0 }*/
.about-box a { background-image:url('../twentyseventeen/images/link-bg-grey.png'); background-position:0 center; background-repeat:repeat-x }
.about-box p { margin-top:-3px; padding-right:60px }
.about-box img { float:left; margin-right:25px }
#post-16 .about-box img { float:left; margin-top:3px }
.about-container div:last-of-type { margin-bottom:0 }
.about-box.partners { height:auto; padding-bottom:37px }

/* Calendar */
.about-box.calendar { height:auto; padding-bottom:8px; margin-bottom:10px; position:relative; width:100%; font-family:'TheinhardtMedium', sans-serif; }
.about-box.calendar p { display:inline-block; vertical-align:top; padding:0 }
.about-box.calendar p:first-of-type { width:200px }
.about-box.calendar p:nth-of-type(2) { width:550px; padding-right:40px }
.about-box.calendar p:first-of-type a { background-color:#fff }
#aye {text-align:right }
/* ACF form */
.acf-form-bg { position:fixed; z-index:105; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none }
.acf-form, .trash-form { position:absolute; z-index:110; width:950px; top:12px; left:50%; margin-left:-475px; background-color:#EDEFF0; padding-bottom:15px; box-shadow:6px 6px 10px #333 }
.acf-form input[type="submit"] { margin-left:13px }
.acf-form .wp-editor-tools { display:none }
.acf-form .acf-editor-wrap iframe { min-height:100px !important; height:100px !important }
.acf-form-close { position:absolute; z-index:5; top:15px; right:12px; width:17px; height:17px; background-image:url(../twentyseventeen/images/close-icon-black.png); cursor:pointer }
.edit-icon, .trash-icon { position:absolute; bottom:0; right:25px; width:17px; height:17px; opacity:0.4; background-image:url('../twentyseventeen/images/edit-icon.png'); cursor:pointer }
.trash-icon { right:0; background-image:url('../twentyseventeen/images/trash-icon.png') }
.acf-form-close:hover, .edit-icon:hover, .trash-icon:hover { opacity:0.7 }
.acf-form-header { position:absolute; z-index:4; top:7px; left:0; width:100%; text-align:center; font-family:'TheinhardtBold', sans-serif; font-size:23px; letter-spacing:2.2px; color:#008edf; transform:scale(1,1.1) }
.del-event { padding:70px 20px 20px; text-align:center }
.del-event.inf { text-align:left }
#canc { margin-right:30px; background-color:#fff; cursor:pointer }
.acf-field p.description { font-size:14px; line-height:1.2 }

/*** FOOTER ***/
.site-footer { position:absolute; bottom:0; width:100%; background-color:#fff; padding-top:15px }
.footer-container { width:950px; margin:0 auto }
.footer-container h3 { display:inline }
.footer-container h3:last-of-type { margin-left:671px }
.footer-container img { margin-top:11px }
.footer-legal { margin:20px 0; font-family:'TheinhardtBold', sans-serif; font-size:14px; letter-spacing:0.5px }
.footer-legal a { background-color:#EEEFF1; background-image:none }

.ginger_container.light { display:flex; flex-direction:column-reverse; padding:3px 0 6px }
.ginger_btn, .ginger_btn:hover { align-self:center; font-size:19px !important; letter-spacing:0.5px; max-width:150px !important; padding:5px 0 !important; margin-top:10px !important }
.ginger_container .ginger_message { margin:0; text-align:center; font-family:'TheinhardtBold'; font-size:18px; letter-spacing:0.5px; line-height:1.33 }
.ginger_container a { background-image:none; background-color:#67BAEC; color:#fff !important }
.optout { position:absolute; top:10px; right:20px; width:20px; height:20px; background-color:#008fdf; color:#fff; cursor:pointer; font-family:'TheinhardtBold', sans-serif; font-size:24px }
.optout:hover { opacity:0.7 }

.flex { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap }
.funders-logo { width:170px; height:170px }
.dummy3 { width:560px }
.dummy2 { width:365px }
.dummy1 { width:170px }
.mt14 { margin-top:14px }

@media only screen
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
	/*** GLOBAL ***/
	h1, h2 { font-size:1.2rem; line-height:1.4rem; letter-spacing:0.3rem }
	h3 { font-size:1.2rem; letter-spacing:0.3rem }
	p { font-size:1rem; line-height:1.3rem; letter-spacing:0.1rem }

	/*** HEADER ***/
	.site-header { width:100%; max-width:100%; padding:0 3% 0 3%; margin:1rem 0; line-height:1.2rem; letter-spacing:3px }
	.site-header div { font-size:0.95rem; padding:0 }
	.logo-link, .logo-link-white { font-size:1.6rem; line-height:1.8rem !important }
	.menu-link { padding-left:22px; background-position-y:3px; background-size:0.85rem 0.85rem; background-image:url('../twentyseventeen/images/menu-icon-mobile.png') }
	.search-link { padding-left:20px; background-position-y:3px; background-size:0.95rem 0.95rem; background-image:url('../twentyseventeen/images/search-icon-mobile.png') }
	.login-link { padding-left:26px; background-position-y:2px; background-size:1.4rem 0.9rem; background-image:url('../twentyseventeen/images/login-icon-mobile.png'); position:absolute; top:0; right:-3px }
	#fb-icon, #tw-icon { right:30%; width:1.1rem; top:3.2rem }
	#tw-icon { right:0 }
	.claim { max-width:94% }
	
	/*** MENU ***/
	.menu-overlay { position:absolute; top:-1rem }
	.menu-container { position:absolute; left:0; width:100%; padding:0 1.5% 0 3.7%; margin:2rem 0; font-size:1.3rem; line-height:1.5rem; letter-spacing:3px }
	.menu-container img { top:0; right:3%; width:0.95rem; cursor:default }
	.menu { font-size:1.3rem; margin-top:1.3rem }
	.menu li { display:block; margin:0 0 2rem 0 }
	.menu li > ul { line-height:2rem; margin-top:0.8rem }
	.menu li > ul li { font-size:1rem; margin-bottom:0 }
	
	/*** CONTENT ***/
	article { max-width:100%; width:100%; padding:0 3% }/*.wrap, .entry-content, */
	.wrap img { width:100% }
	
	/*** NEWS ***/
	.site-main div:nth-of-type(2n) { margin-right:0 }
	.tile h2 { margin:-3px 0 11px }
	.tile span { font-size:0.8rem }
	.page-title { text-align:left; margin-left:3% }
	article .page-title { margin:4px 0 0 0; height:auto; line-height:1.3 }
	
	/*** ABOUT ***/
	.about-box { height:auto }
	.about-box p { padding-right:0 }
	
	/*** FOOTER ***/
	.footer-container { width:100%; padding:0 3%; margin:0 }
	.footer-container img { width:100% }
	.footer-container h3:last-of-type { margin-left:52% }
	
	/*** LOG-IN ***/
	.login-submit { margin-left:0 }
	.file-entry img, #info { width:auto; max-width:none }
	#info-pane { top:2em }
	.acf-form-bg { position:absolute }
	.acf-form, .trash-form { width:94%; left:3%; margin-left:0 }
	
	.optout { top:auto; bottom:25px }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
	/*** HEADER ***/
	.site-header div:last-of-type, .site-header div:nth-of-type(3) { display:none }
	.site-header div:first-of-type { width:50% }
	.site-header div:nth-of-type(2) { text-align:right; width:50% }
	
	/*** NEWS ***/
	.tile { width:100%; height:auto; margin:0 0 2rem 0; float:none; padding-bottom:1rem }
	
	/*** ABOUT ***/
	.about-box p { margin: 0 0 2em 0 }
	.about-box img { margin:0 1em 10px 0 }
	.about-box.calendar p { width:auto !important; margin-bottom:10px; padding:0 !important }
	
	/*** PARTNERS ***/
	#post-16 .about-box img { margin:0 auto; width:50%; float:none }
	
	/*** FUNDERSS ***/
	#post-615 .mt14 a { width:45% }
	.funders-logo { width:100%; height:auto }
	.dummy1, .dummy2, .dummy3 { display:none }
	
	/*** FOOTER ***/
	.footer-container h3:last-of-type { margin:0; padding:0; float:right }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px)
and (orientation : landscape) {
	/*** NEWS ***/
	.tile { width:48%; height:380px; margin:0 4% 2rem 0 }
	.site-main div:nth-of-type(2n) { margin-left:0 }
	
	/*** ABOUT ***/
	.about-box img { width:40%; margin-right:0 }
	.about-box.partners p {  margin-left:0 }
	
	/*** PARTNERS ***/
	#post-16 .about-box img { width:33% }
	#post-16 .about-box.partners p span { display:block; margin-left:35% }
	
	/*** FUNDERSS ***/
	#post-615 .mt14 a { width:21.5% }
	.funders-logo { width:100%; height:auto }
	.dummy3 { display:none }
	
	/*** FOOTER ***/
	.footer-container h3:last-of-type { margin-left:45% }
}