/*
Theme Name: 3R Initiative
Description: Theme created by Leandro Berg (fullstack development - http://virtuemasters.com.br).
Version: 1.0
Author: VIRTUEMASTERS
Author URI: http://virtuemasters.com.br
*/

/* RESET */
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;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
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;}
*:focus,*:active,*:visited{outline:0 !important;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:#000;}
figure{line-height:0;}
figcaption{line-height:initial;}

/* GENERAL */
body{font: 300 18px/32px 'Roboto';padding-top:87px;overflow-x:hidden;}
section{overflow:hidden;position:relative;padding:80px 0;}
img{max-width:100%;height:auto;}
iframe,video,audio{max-width:100%;}
.cover{background-repeat:no-repeat;background-position:center;background-size:cover;}
.min-height-100vh{min-height:100vh;}
a.permalink{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100;}
strong{font-weight:700;}
main{max-width:1100px;margin:auto;padding:0 15px;}
hr{margin-bottom:60px;margin-top:40px;border:none;border-bottom:1px solid rgba(0,0,0,0.2);}

/* LINKS */
a{color:var(--default);text-decoration:none;}
a:hover,
a:active,
a:focus{text-decoration:none;color:var(--hover);}
.current-menu-item a,
.current-page-ancestor a{font-weight:400;}

/* BUTTONS */
.button{background:var(--green);color:white;padding:5px 10px;text-transform:uppercase;font-weight:700;font-size:0.7em;}
.button:hover{background:var(--default);color:white;}

/* FORM */
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{}
form input:-moz-placeholder,
form textarea:-moz-placeholder{}
form input::-moz-placeholder,
form textarea::-moz-placeholder{}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{}
form label.error{display:none !important;}
form .error{border:1px solid red !important;color:red;}
form .error::-webkit-input-placeholder{color:red;}
form .error:-moz-placeholder{color:red;}
form .error::-moz-placeholder{color:red;}
form .error:-ms-input-placeholder{color:red;}
form select{background:var(--default);color:white;border:none;padding:10px;font-weight:700;}

/* WP CLASSES */
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto 20px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.aligncenter{display:block;margin:auto;}
.alignwide{margin-left: -10% !important;width: 118% !important;}
.alignfull{margin: auto calc(50% - 50vw);max-width:100vw;width: 100vw;padding: 0 !important;}
img.alignright{float:right;margin:5px 0 20px 20px;}
img.alignnone{margin:5px 20px 20px 0;}
img.alignleft{float:left;margin:5px 20px 20px 0;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%; /* Image does not overflow the content area */padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.alignwide iframe{width:100%;height:600px;margin:15px 0;}

/* POST ELEMENTS */
article p{padding-bottom:22px;}
article ul{list-style-type:disc;padding:0 15px 15px 30px;}
article ul li,article ol li{padding:0 0 15px 0;}
article ol{list-style-type:decimal;list-style-position:outside;padding:0 20px;}
article ul ul, article ol ul{list-style-type:circle;list-style-position:outside;margin-left:15px;}
article ol ol, article ul ol{list-style-type:lower-latin;list-style-position:outside;margin-left:15px;}
article b, article strong{font-weight:bold;}
article em{font-style:italic;}
article del{text-decoration:overline;}
article img.alignnone{border-radius:50px;position:relative;max-width:100vw;}
article .wp-block-image{margin-bottom:40px;margin-top:20px;}

/* SINGLE */
.single article{max-width:860px;margin:auto;}

/* HEADER */
header{position:fixed;width:calc(100% - 30px);z-index:9999;background-color:var(--default);top:0;left:0;padding:0 15px;}
header .flex{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;height:87px;}
header nav{text-align:right;}
header li{display:inline-block;padding-left:30px;}
header a{text-transform:uppercase;color:white;font-size:0.8em;font-weight:400;}
header .fas{color:white;display:none;position:relative;}

/* MAP */
.map-pointer{margin: 60px 0 200px;text-align:center;}
.map-pointer .pointer{opacity:1 !important;position:relative;cursor:pointer;}
.map-pointer .box{position:absolute;background:white;box-shadow:0 0 10px rgba(0,0,0,0.5);left:9px;bottom:66px;cursor:initial;width:0;height:0;overflow:hidden;opacity:0;text-align:left;z-index:1;}
.map-pointer .pointer.active .box{width:390px;height:auto;opacity:1;padding:2px;overflow:initial;}
.map-pointer .box .close{width:25px;height:25px;line-height:20px;font-weight:400;background:black;color:white;content:'x';position:absolute;border-radius:100%;z-index:1;text-align:center;border:2px solid white;right:-15px;top:-15px;cursor:pointer;}
.map-pointer .box .close:before{content:'x';}
.map-pointer .box:after{background:url(images/box-corner.png);width:61px;height:59px;content:'';position:absolute;bottom:-59px;left:-22px;}
.map-pointer .box figure{position:relative;height:156px;}
.map-pointer .box img{width:100%;}
.map-pointer .box figcaption{background:rgba(0,0,0,0.7);color:var(--green);font-weight:700;position:absolute;left:0;bottom:0;padding:5px;width:calc(100% - 10px);font-size:0.8em;}
.map-pointer .box .text{padding:10px;}
.map-pointer .box h6{font-size:1em;line-height:1em;font-weight:700;}
.map-pointer .box p{font-size:0.8em;line-height:1.3em;}
.map-pointer .legend{border:2px dotted rgba(0,0,0,0.2);border-radius:25px;text-align:center;padding:5px 15px;font-size:0.8em;position: absolute;bottom: -100px;width: calc(100% - 30px);left: 0;}
.map-pointer .legend img{vertical-align:-7px;margin-left:40px;margin-right:5px;}
.map-pointer .legend img:nth-child(2){margin-left:10px;}

/* POPUP */
.popup{position:fixed;top:0;left:0;opacity:0;width:0;height:0;overflow:hidden;background:white;z-index:9999;text-align:left;transition:opacity .3s;}
.popup.active{opacity:1;width:100%;height:100%;overflow:initial;}
.popup .close{position:absolute;top:3px;right:10px;color:white;font-weight:400;font-size:1.5em;}
.popup .close:before{content:'x';}
.popup h2{color:white;font-size:1.2em;line-height:1.5em;padding:3px 15px 4px;font-weight:400;}
.popup .projects{padding:0 15px;overflow:auto;height:calc(100vh - 22px);}
.popup .projects .item{border-bottom:1px solid rgba(0,0,0,0.2);padding:20px 0 ;}
.popup .projects .text{transition:all .3s;height:0;overflow:hidden;opacity:0;}
.popup .projects .item.active .text{height:auto;opacity:1;}
.popup .projects .location{font-weight:400;font-size:0.9em;}
.popup .projects img{margin:15px 0;}
.popup.independent-testing-projects h2{background:var(--green);}
.popup.independent-testing-projects .location{color:var(--green);}
.popup.independent-testing-projects a.button{background:var(--green);}
.popup.corporate-pilot-projects h2{background:var(--blue);}
.popup.corporate-pilot-projects .location{color:var(--blue);}
.popup.corporate-pilot-projects a.button{background:var(--blue);}
.popup.external-pilot-projects h2{background:var(--orange);}
.popup.external-pilot-projects .location{color:var(--orange);}
.popup.external-pilot-projects a.button{background:var(--orange);}

/* HIGHTLIGHTS */
.highlight figure{height:650px;position:relative;/* padding: 0 15px; */}
.highlight figcaption{position:absolute;left:0;bottom:0;width: calc(100% - 60px);background:rgba(0,0,0,0.5);color:white;font-size:2.6em;line-height:1em;font-weight:700;padding:30px 30px 45px;}
.highlight span{max-width:1160px;margin:auto;display:block;}

/* INFO */
.info{background:var(--green);color:white;font-weight:700;padding:5px;}
.info .flex{display:flex;max-width:1100px;margin:auto;align-items:center;padding:0 15px;flex-wrap:wrap;}
.info .item{margin-right:60px;padding:5px 0;}
.info .item:last-child{margin:0;}
.info .fas{margin-right:10px;}
.info a{color:white;pointer-events:none;}
.info span{font-weight:300;margin-right:5px;}

/* LOGOS */
.logos{border-bottom:1px solid rgba(0,0,0,0.2);padding:60px 0;margin-bottom:60px;}
.logos .flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.logos img{vertical-align:middle;margin:0 15px;}
.logos img:last-child{margin-right:0;}

/* SHARE */
.share{border:2px dotted rgba(0,0,0,0.2);border-radius:25px;text-align:center;display:inline-block;padding:5px 15px;color:var(--default);font-weight:700;}
.share p, .share a{display:inline-block;margin:0 5px;padding:0;}
.share a{font-size:1.2em;vertical-align:middle;}

/* FOOTER */
footer{background:var(--default);color:white;text-align:center;padding:15px;margin-top:100px;}