/*
 Theme Name:     Urban20 Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         PuntZero
 Author URI:     https://www.puntzero.cat
 Template:       Divi
 Version:        1.0.0
*/

@font-face {
  font-family: 'revicons';
  src: url('revicons/revicons.eot?5510888');
  src: url('revicons/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('revicons/revicons.woff?5510888') format('woff'),
       url('revicons/revicons.ttf?5510888') format('truetype'),
       url('revicons/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center; 

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* 'î ‚' */
.revicon-pencil-1:before { content: '\e831'; } /* 'î ±' */
.revicon-picture-1:before { content: '\e803'; } /* 'î ƒ' */
.revicon-cancel:before { content: '\e80a'; } /* 'î Š' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* 'î —' */
.revicon-right-dir:before { content: '\e818'; } /* 'î ˜' */
.revicon-down-open:before { content: '\e83b'; } /* 'î »' */
.revicon-left-open:before { content: '\e819'; } /* 'î ™' */
.revicon-right-open:before { content: '\e81a'; } /* 'î š' */
.revicon-angle-left:before { content: '\e820'; } /* 'î  ' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* 'î Ÿ' */
.revicon-right-big:before { content: '\e81e'; } /* 'î ž' */
.revicon-magic:before { content: '\e807'; } /* 'î ‡' */
.revicon-picture:before { content: '\e800'; } /* 'î €' */
.revicon-export:before { content: '\e80b'; } /* 'î ‹' */
.revicon-cog:before { content: '\e832'; } /* 'î ²' */
.revicon-login:before { content: '\e833'; } /* 'î ³' */
.revicon-logout:before { content: '\e834'; } /* 'î ´' */
.revicon-video:before { content: '\e805'; } /* 'î …' */
.revicon-arrow-combo:before { content: '\e827'; } /* 'î §' */
.revicon-left-open-1:before { content: '\e82a'; } /* 'î ª' */
.revicon-right-open-1:before { content: '\e82b'; } /* 'î «' */
.revicon-left-open-mini:before { content: '\e822'; } /* 'î ¢' */
.revicon-right-open-mini:before { content: '\e823'; } /* 'î £' */
.revicon-left-open-big:before { content: '\e824'; } /* 'î ¤' */
.revicon-right-open-big:before { content: '\e825'; } /* 'î ¥' */
.revicon-left:before { content: '\e836'; } /* 'î ¶' */
.revicon-right:before { content: '\e826'; } /* 'î ¦' */
.revicon-ccw:before { content: '\e808'; } /* 'î ˆ' */
.revicon-arrows-ccw:before { content: '\e806'; } /* 'î †' */
.revicon-palette:before { content: '\e829'; } /* 'î ©' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* 'î ‰' */
.revicon-left-open-outline:before { content: '\e82e'; } /* 'î ®' */
.revicon-left-open-2:before { content: '\e82c'; } /* 'î ¬' */
.revicon-right-open-outline:before { content: '\e82f'; } /* 'î ¯' */
.revicon-right-open-2:before { content: '\e82d'; } /* 'î ­' */
.revicon-equalizer:before { content: '\e83a'; } /* 'î º' */
.revicon-layers-alt:before { content: '\e804'; } /* 'î „' */
.revicon-popup:before { content: '\e828'; } /* 'î ¨' */

/*
 Some Colors:
 
 orange = #ffb916
 lightorange = #ffeecc
 lighterorange = #fff1d6
 grey = #d3d7d9
 
 */

.home-header-banner {
	margin-top: -80px;
}

body.u20summit-template-default #main-header:not(.et-fixed-header),
body.page-id-36 #main-header:not(.et-fixed-header),
body.page-id-34 #main-header:not(.et-fixed-header),
body.page-id-38 #main-header:not(.et-fixed-header),
body.page-id-83 #main-header:not(.et-fixed-header),
body.home #main-header:not(.et-fixed-header) {
	background-color: rgba(0, 0, 0, 0.3);
}
body.u20summit-template-default #main-header:not(.et-fixed-header) #logo,
body.page-id-34 #main-header:not(.et-fixed-header) #logo,
body.page-id-36 #main-header:not(.et-fixed-header) #logo,
body.page-id-38 #main-header:not(.et-fixed-header) #logo,
body.page-id-83 #main-header:not(.et-fixed-header) #logo,
body.home #main-header:not(.et-fixed-header) #logo {
	filter: invert(1);
}
body.u20summit-template-default #main-header:not(.et-fixed-header) #top-menu li.current-menu-item>a,
body.page-id-34 #main-header:not(.et-fixed-header) #top-menu li.current-menu-item>a,
body.page-id-36 #main-header:not(.et-fixed-header) #top-menu li.current-menu-item>a,
body.page-id-38 #main-header:not(.et-fixed-header) #top-menu li.current-menu-item>a,
body.page-id-83 #main-header:not(.et-fixed-header) #top-menu li.current-menu-item>a,
body.home #main-header:not(.et-fixed-header) #top-menu li.current-menu-item>a {
	color: #ffeecc;
}
body.u20summit-template-default #main-header:not(.et-fixed-header) #top-menu a,
body.page-id-34 #main-header:not(.et-fixed-header) #top-menu a,
body.page-id-36 #main-header:not(.et-fixed-header) #top-menu a,
body.page-id-38 #main-header:not(.et-fixed-header) #top-menu a,
body.page-id-83 #main-header:not(.et-fixed-header) #top-menu a,
body.home #main-header:not(.et-fixed-header) #top-menu a {
	color: #ffffff;
}

.et-l--footer,
.et-l--footer .et_pb_section_0_tb_footer.et_pb_section {
    background-color: #313131!important;
    color: white;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_footer.et_pb_menu ul li a {
    color: white !important;
    line-height: 0.5em !important;
}

.et-db #et-boc .et-l .et_pb_text_1_tb_footer {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}

.et-db #et-boc .et-l .et_pb_image_0_tb_footer .et_pb_image_wrap img {
    height: 105px;
}

.et-l--footer .et_pb_section_0_tb_footer.et_pb_section a {
    color: white;
}

.single .et_pb_post {
    margin-bottom: 0;
}

.quotes-slider .et_pb_slide:before,
.home-quote:before {
	content: '';
	background-image: url(images/quotes.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 104px;
	height: 80px;
	position: absolute;
	margin-left: -110px;
	margin-top: -30px;
}

/* MAP */

.cities-map {
	height: 550px;
}

.city-marker {
  white-space: nowrap;
  color: white!important;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #fbb03b;
  padding: 5px 10px;
  line-height: 26px;
  position: relative;
  z-index: 500;
  cursor: default;
}

.city-div-icon {
	/* transform: translate3d(472px, 409px, 0px); */
  z-index: 400;
  outline: none !important;
  display: inline-block;
  width: auto!important;
  height: 26px!important;
  margin-top: -35px!important;
  margin-left: -15px!important;
}

.city-div-icon:after {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  bottom: -9px;
  width: 10px;
  height: 10px;
  border: 5px solid #fbb03b;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.marker-cluster-small {
	background: #ffb916;
	background-color: rgba(255, 216, 125, 0.6);
}

.marker-cluster-small div {
  background-color: rgba(255, 185, 22, 0.6);
}

.row-hide-empty {
	display: flex;
	justify-content: center;	
}

.row-hide-empty .et_pb_column_empty {
	display: none;
}

.posts-navigation {
    overflow: hidden;
}

.posts-navigation a {
    width: 48px;
    height: 48px;
    border-color: #000;
    position: fixed;
    z-index: 9999999;
    top: 50%;
    margin-top: -31px;
    text-indent: 99999px;
}

.posts-navigation a:hover {
    color: black;
}
    
.posts-navigation a[rel="next"] {
    border-bottom: 6px solid;
    border-left: 6px solid;
    transform: rotate(-135deg);
    right: 20px;
}

.posts-navigation a[rel="prev"] {
    border-bottom: 6px solid;
    border-left: 6px solid;
    transform: rotate(45deg);
    left: 20px;
}

/* Tooltip text */
.postnav-item .tooltiptext {
    display: none;
    width: 230px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    transform-origin: left;
    /* Position the tooltip text - see examples below! */
    position: fixed;
    z-index: 99;
    top: 47%;
}

.postnav-prev .tooltiptext {
    left: 70px;
}

.postnav-next .tooltiptext {
    right: 70px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.postnav-item:hover .tooltiptext {
  display: block;
}

/* PROCESS */

.process-text {
	display: block;
}
.process-num {
	opacity: .5;
	margin: -70px -60px -70px 0;
}

.btn-info-custom {
	display: block;
	float: left;
	margin-right: 10px;
}

/* Media & Resources and Outputs */

.resources-grid-wrapper {
	display: flex;
  justify-content: center;
  flex-wrap:wrap;
}

.resources-table-wrapper {
  width: 100% !important;
  overflow: auto;	
}

.resources-grid-wrapper .resource-item {
	margin: 0 10px 20px;
	text-align: center;
	flex:1
}

.resources-grid-wrapper.slider-wrapper .resource-item {
	text-align: inherit;
}


.resources-table-wrapper .resource-item-title a,
.resources-grid-wrapper .resource-item-title a {
	font-size: 120%;
	color: black !important;
	font-weight: bold;
}

.resources-table-wrapper .resource-item-title a:hover,
.resources-grid-wrapper .resource-item:hover .resource-item-title a {
	color: #ffb916 !important;
}

.resources-grid-wrapper .resource-item-image img {
		display: block;
	  max-width:200px;
	  max-height:250px;
	  width: auto;
	  height: auto;
	  margin: 0 auto 10px auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.resources-table-wrapper table {
	border: none !important;
}

.resources-table-wrapper .col-date { width: 110px; }
.resources-table-wrapper .col-type { width: 170px; }
.resources-table-wrapper .col-source { width: 150px; }

.resources-news .col-type { width: 260px; }
.resources-whitepapers .col-source,
.resources-whitepapers .resource-item-source { display: none; }

.resources-table-wrapper tr th {
	color: black;
	font-weight: bold;	
	border-bottom: 1px solid #ffb916 !important;
}

.resources-table-wrapper tr td {
	border-top: 1px solid #adadad;	color: black;
}

.resources-table-wrapper tr:first-child td {
	border-top: none !important;
}

.scrollers {
  display: flex;
  flex-wrap: wrap;
	justify-content: center;
	margin-top: 15px;
}

.scroller {
  color: white !important;
  margin: 0 10px;
  flex-basis:100%;
}

.scroller:hover {
  text-decoration: underline !important;
}

.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
}
.tparrows {
    background: transparent !important;
}
.tp-rightarrow {
    right: -45px;
}
.tp-leftarrow {
    left: -60px;
}
.tparrows.tp-rightarrow:before {
    content: '\e825';
}
.tparrows.tp-leftarrow:before {
    content: '\e824';
}
.custom-arrows:before {
    font-size: 35px;
    color: rgba(255,185,22,1) !important;
}
.tparrows:before {
    font-size: 45px !important;
}
.tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}
.custom-arrows {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.resources-wrapper {
    clear: both;
}
.slider-wrapper {
    min-height: 360px;
}
.slider-wrapper .resource-item-link-wrap {
    position: inherit !important;
} 

.slider-wrapper .resource-item-title,
.slider-wrapper .resource-item-date,
.slider-wrapper .resource-item-type {
    text-align: center;
}

.view-switch {
    margin: 10px 0 10px 42px;
    height: 30px;
}
.view-switch a {
    float: left;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 1.84615384;
    text-decoration: none;
}
.view-switch a:before {
    color: #b4b9be;
    display: inline-block;
    font: normal 20px/1 dashicons;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}
.view-switch .view-list:before {
    content: "\f163";
}
.view-switch .view-grid:before {
    content: "\f509";
}

.urban-tabs .et_pb_tabs, .et_pb_wc_tabs {
    border: none;
}

.urban-tabs .et_pb_tabs_controls {
    display: flex;
    justify-content: center;
    background-color: transparent;
}

.urban-tabs .et_pb_tabs_controls li {
    font-size: 120%;
    background: black;
    color: white;
    margin: 0 10px;
    border: none;
}

.urban-tabs .et_pb_tabs_controls li:hover {
    background: rgba(0,0,0,.7);
}

.urban-tabs .et_pb_tabs_controls li.et_pb_tab_active {
    background: rgba(255,185,22,1);
}

.urban-tabs .et_pb_tabs_controls li a {
    color: white !important;
}

.communique-banner:hover {
    background-color: black !important;
}

.flexing-away .et_pb_column {
	display: flex;
	justify-content: center;
    align-items: center;

}

.flexing-away .et_pb_column .et_pb_module {
    margin-left: .2rem !important;
    margin-right: .2rem !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}