/*!/wp-content/themes/hlt_theme/css/main.css*/@import "https://fonts.googleapis.com/css?family=Bree+Serif%7COpen+Sans%3A300%2C400%2C600&display=swap";/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
 Typography and Fonts
 
  font-family: 'Open Sans', sans-serif;
  font-family: 'Bree Serif', serif;
  font-family: 'Quadon', serif;
  
 ========================================================================== */



/* ==========================================================================
 Author's custom styles
 ========================================================================== */

/***************** Overall Styles ******************************/

*:focus { outline: none; }
html { font-size: 100%; }
html, body { height: 100%; min-height: 100%; }
body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; color: #666; background: #fff; }
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1; color: inherit; }
nav ul, #footer ul, #pagination ul, .social, .slick-dots, .gallery { display: block; margin: 0; padding: 0; list-style-type: none; }
nav li, .social li, .slick-dots li, #pagination li { display: inline-block; }
a { cursor: pointer; text-decoration: none;  }
figure { margin: 0; padding: 0; overflow: hidden }
img { max-width: 100%; height: auto; }
figure img { width: 100%; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }
figure:hover a img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
p:last-of-type { margin-bottom: 0 !important; }

::-webkit-input-placeholder { color: #CFD7D9; }
::-moz-placeholder { color: #CFD7D9; }
:-ms-input-placeholder { color: #CFD7D9; }
:-moz-placeholder { color: #CFD7D9; }

a, a > img, button, input[type="submit"], .box, img, .event-years, .hours-btn, .mobile-btn, .loc-btn, .rules-btn { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; }
.left { float: left; }
.right { float: right; }
.error { font-family: 'Bree Serif', serif; font-size: 1.35rem !important; color: #BACBAE !important; }
.no-events { display: block; margin: 2rem 10%; text-align: center; font-weight: 300 !important; font-style: italic; }
.center { margin: 0 auto; text-align: center; }
.slick-dots button { width: .5rem; height: .5rem; margin: 0 .5rem .5rem; text-indent: -999rem; padding: 0; background: #F2F2F2; border: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.slick-active button { background: #8CABB2; }
.slick-arrow { position: absolute; left: 3.5%; top: 50%; text-indent: -999rem; border: none; background: none; z-index: 1; }
.slick-next { left: auto; right: 3.5%; background-position: center bottom !important; }
.slick-arrow:hover, .fancybox-close:hover, .map-btn:hover, .rules-btn:hover { opacity: .65; }
.desktop-hidden { text-indent: -999rem; height: 0; margin: 0; padding: 0; }

.gallery { margin: 1.5rem 0; }
.gallery li { padding: .125rem; margin: 0 0 -.125rem -.125rem; background: #fff; }
.gallery li p { display: none; }

.social { display: inline-block; }
.social li { display: inline-block; position: relative; padding-right: 1.1rem; margin-right: 1.1rem; vertical-align: middle; }
.social li:after, #header .top h3:after { display: inline-block; content: ''; width: 1px; height: 1.1rem; position: absolute; right: 0; top: 50%; margin-top: -.55rem; background: #C7D2D3;  }
.social a { font-size: 1.35rem; color: #8CABB2; }
.social a:hover { color: #AFC3A6; }
.social li:nth-child(4) a { font-size: 1.2rem; }
.social li:last-child { padding: 0; margin: 0; }
.social li:last-child:after { display: none; }

#preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff url(/main/wp-content/themes/hlt_theme/css/../img/loading.gif) center no-repeat; z-index: 10000000; }
#location:after, #area-top:after { display: block; content: ''; position: absolute; width: 100%; height: 20px; left: 0; top: 0; z-index: 10; -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,.5); }

.box h3, .box h3 a { font-size: 1.45rem; color: #46666B; margin: 0 0 1rem; }
.box p, .box a { display: block; font-size: .9rem; line-height: inherit; line-height: 1.4; color: inherit; }
.box a:hover { color: #5B6E5D; }
.box h4 { font-size: 1rem; line-height: 1.3; font-weight: 300; color: #8CABB2; margin: 0; }

.page-banner { height: 25vh; background-size: cover; background-attachment: fixed; -moz-box-shadow: inset 0 -.5rem 1rem -.5rem rgba(0,0,0,.5); -webkit-box-shadow: inset 0 -.5rem 1rem -.5rem rgba(0,0,0,.5); box-shadow: inset 0 -.5rem 1rem -.5rem rgba(0,0,0,.5); }
.header { padding: 1.5rem 0 2rem; }
.header h2 { display: inline-block; float: left; font-size: 3rem; margin: 0; color: #46666B; text-transform: capitalize; }
.header.center h2 { display: block; float: none; text-align: center; }
.header .social { float: right; margin-top: .75rem; }

.content p, .entry-content p { line-height: 1.75; margin: 2rem 0; }

#load-more { clear: both; float: none; }
#load-more a, .loading { display: block; width: 9rem; margin: 1rem auto 0; padding: 0 1.5rem .45rem; font-size: .785rem; color: #46666B; text-transform: uppercase; text-align: center; border-bottom: 1px solid #D1D9DA; }
#load-more a:hover { width: 5.5rem; color: #BACBAE; }
#load-more a.post_no_more_posts { width: 9rem; color: #46666B; cursor: default; }
#load-more a i { color: #BACBAE; }
.loading { color: #BACBAE; }

/********************* Desktop Hidden **************************************/

.mobile-btn, .loc-btn, .rules-btn, #mobile-navigation { display: none; }

/****************** Grid and Layout **************************************/

section { position: relative; margin: 2.25rem 0; }
.wrapper { position: relative; width: 100%; padding: 0 2.15%; max-width: 1440px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box.two { width: 50%; }
.box.three { width: 33.3333333%; }
.box.four { width: 25%; }
.box.five { width: 20%; }
.slick-track { display: flex; }
.slick-slide { display: flex; height: auto; align-items: center; justify-content: center; }


/***************** Header Styles ********************************/

#header .top { padding: 1.85rem 0; }
#header .bottom { padding: 1rem 0 1.25rem; background: #F2F6F6; }
#header .top h3 { position: relative; margin: 0 1rem 0 0; padding: 0 1.5rem 0 1.55rem; font-size: .975rem; line-height: 1.15; font-weight: 400; color: #80A2A8; text-transform: uppercase; }
#header .top h3 span, #header .top h3 a { display: block; text-transform: none; color: inherit; cursor: default; }
#header .top h3 .hours-btn { position: absolute; left: 0; top: .15rem; font-size: 1.55rem; /*top: -.15rem; font-size: 1.25rem;*/}
#header .loc-btn { font-size: 1.25rem; color: #80A2A8; }
#header .top .closed { line-height: 1.125rem; }

#logo { position: absolute; width: 11.625rem; left: 2%; top: -1.15rem; z-index: 1; }
#logo h1 { float: left; font-family: 'Quadon', serif; font-size: 1.125rem; line-height: 1.1; color: #46666B; margin: 0 0 0 .15rem; }
#logo h1 span:before { display: inline-block; content: ''; width: 1px; height: 1rem; margin: 0 .65rem; vertical-align: middle; background: #46666B; }
#logo:hover { opacity: .85; }

#header .hours, #header .social { display: inline-block; vertical-align: middle; }
#main-navigation, #header .info  { display: inline-block; float: right; }

#main-navigation { padding-top: .15rem; }
#main-navigation ul li { display: inline-block; width: auto; padding: 0 2.5rem; border-right: 1px solid #C7D2D3; }
#main-navigation ul li:last-child { padding-right: 0; border: none; }
#main-navigation ul li a, #mobile-navigation nav li a { display: block; font-family: 'Quadon', serif; font-size: .875rem; line-height: 1.15; color: #46666B; text-transform: uppercase; }
#main-navigation ul li a:hover, #main-navigation ul .current-menu-item a  { color: #AFC3A6; }

#mobile-navigation { position: fixed; width: 260px; height: 100%; left: -260px; top: 0; padding: 1.5rem 0; background: #A9C1C6; z-index: 100; -moz-box-shadow: inset -13px 0 15px -13px rgba(0,0,0,0.1); -webkit-box-shadow: inset -13px 0 15px -13px rgba(0,0,0,0.1); box-shadow: inset -13px 0 15px -13px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mobile-navigation .logo { display: block; text-align: center; }
#mobile-navigation .logo:hover { opacity: .7; }
#mobile-navigation nav { margin: 1.4rem 0 0; }
#mobile-navigation nav li, #mobile-navigation nav li a { display: block; }
#mobile-navigation nav li a { font-size: 1.05rem; color: #fff; padding: 1rem 1rem 1.25rem; border-top: 1px solid rgba(255,255,255,.3); }
#mobile-navigation nav li:last-child a { border-bottom: 1px solid rgba(255,255,255,.3); }
#mobile-navigation nav li a:hover, #mobile-navigation nav .current-menu-item a { background: #96B099; }

#header .middle { padding: .5rem 0; }

#secondary-navigation  { display: inline-block; float: right; }

#secondary-navigation ul li { display: inline-block; width: auto; padding: 0 2.5rem; border-right: 1px solid #C7D2D3; }
#secondary-navigation ul li:last-child { border: none; }
#secondary-navigation ul li a { display: block; font-family: 'Quadon', serif; font-size: .75rem; line-height: 1.15; color: #46666B; text-transform: uppercase; }
#secondary-navigation ul li a:hover, #secondary-navigation ul .current-menu-item a  { color: #AFC3A6; }

#header .sup {
	background-color: #E7EDEE; 
	background-image: url(/main/wp-content/themes/hlt_theme/css/../img/trama-header.png); background-size: cover; background-repeat: no-repeat;
}

/******************* Front page ***********************************/

#inicio { padding: 0; margin: 0; }
#inicio .slick-dots { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#inicio .box { position: relative; padding: 2rem .55%; }
#inicio .box:after { display: block; content: ''; width: 1px; height: 8rem; position: absolute; left: -.1rem; top: 50%; margin-top: -4rem; background: #E2EAEC; }

#inicio-top, #inicio-nav { position: relative; }
#inicio-nav { position: relative; padding: 0; background: white; z-index: 10;
  -ms-box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); -moz-box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); -webkit-box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); }
#inicio-top { width: 100%; height: 550px; overflow: hidden; }
#inicio-top .slick-list, #inicio-top .slick-track {}
#inicio-top .slick-list, #inicio-top .slick-track, #inicio-top .slide { height: 100%; }
#inicio-top .slide { background-position: center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
#inicio-nav .slider { margin: 0 4%; }

#inicio-top .slick-arrow { width: 3.938rem; height: 3.938rem; margin-top: -1.969rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAB8CAMAAADpTZgvAAAAolBMVEUAAAD///////8AAAAAAAD///8AAABLS0tHR0dDQ0NAQED///90dHRvb29qamr///+JiYm2trawsLD///+fn5/BwcG8vLz///+xsbHExMS/v7/////Q0NDLy8v////e3t7Z2dnV1dX////h4eHd3d3s7Ozo6Oj////k5OTy8vLq6ur////39/fv7+/////09PT////7+/v4+Pj////8/Pz///9frRe7AAAANXRSTlMAECAtMDAzNjk9QEBGSU1QWVlcYGZpbHBzfICAiYyPk5aZn6OmrK+vs7m/v8bMz9nf4ubv8hl4CMUAAAQkSURBVFjDvVh/e5MwEB5VoqPadoJ2gp0Dq2VEoAL3/b+aCUlbunKXBB69v7Zne693l/vxvr27+2fmLdeJtPXSc8YutocWLtYetguHD95WGnfknB/1z9XWLoxF1v/7y/Ond2+YtDcfPn3/3UeRmYPwkh78RUEvdv/1RXpIDDEsRbTtj49szD7mMqMlBX8S//FrxTBb/RJ/f8JjF2VrIkZZ1ABwJAdfwPOA0RYU4iVGHfjiwXfMbOm4A09ULmY2Fo85kLnbwZWD1/jMLnhlu5tXWIvSMXsTnbC+ir6FOnDABw203nX0G+Zi0VUGC4A9c7M9wGLw8V3giA86yAYfnzJXSy8BPLl/vAgAINH4lny7TVcjb3jUM08Wf9NBhz2Br8NvSDjW151OoCLCJ+AiAd7jicGh4HKMdPqrKXC2UQUIASbBGVNDlEA9Dc6avoAJlNPgrOzx2TjeDNd4PooPzHCNP4zjAbqNFR7JPzY7IPEWDhR+i8yH2QFAqPovmORgBSCPsQcQsSkOHgH6HXzElyfpYK8XSIY1sMFBrTdoiA8g5WB1ukEeuX6lAyT89rz+G/Ladsj0nQ7Akm71VYDE5Z8OCCcDwIafX1ibPXcYUIABk+OuF0iMNx9yJ4DCCV8Mz28/hE4Z7C7HT1vlwiCiWwK1aM37ZrAa2xsC54OtAwn3bwlkaOlALub1GIEVDiyKKPquDRECLRhwERjp81jwFwbeUSHEIvaKEDGeFBAlts6ikpQPahSk9Gri2yyCWEgH4L5RQYW9YCt2w7fY7IpezoVWCi7kSvHV5T5N031Zq18Paxf5CVfmJkDVY4RJxqVlSejf/W/z1slZ+R55svbc1HcFr62yLsBS1a76+fzwEEXRw+fvP5W7bGlTtv7xXr6+v+qe9718Bm6KoW/gP8/3I917//xHti9ZCF+UrPv2Fun/t6kYnyPxllvxAT+oAQ6kAEebWKiwLjKsj0cRQobCLUTgqkYcZMblo3MoRx082SvY/OZ69AK4tj5+9c0GXjgJYCl/rzuJ218fLT34q9W/cz3/4ZV8Lx35Qw1Hb3i9N474aPAGXuv05cOJfLeD7FfO+OhSgQrJPt3TAfCz/I8Rfp/Th3hxmtoA69Oc/AJgq3unwBs9pxI46K8PdmyKg1S9gI/rD9pBpAqwRPWzyYGisAlNngkHHan/zA5KKzzugNLPNg5s8VKLz4hfrrt8Oh6Fn/HNNLh+P7p/CLjuH7J/Kbju3zti91Lw0/wQ80vCz/OL7g8aft4f6P4i4Zf9he5Pev+d9ye6v+Od3f6eez/m3q/Z93Pu/Z7NH2bzF5nBHP40m7/N5o+z+ets/qz4+57k7znF37V+wDvJpB+0fmnSsRgCiTbol7N+Kl4p8CAurPTTQL/VefoYSXtM89pev83Xj/P1q4P9BdutQZsDuG24AAAAAElFTkSuQmCC) center top no-repeat; background-size: 4.05rem; }
#inicio-nav .slick-arrow { width: 1rem; height: 1.875rem; margin-top: -.938rem; left: -3%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAA9BAMAAABW7/S6AAAALVBMVEUAAACMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7K1UizYAAAADnRSTlMAECAwQFBgcICfv8/f71rOY74AAACBSURBVCjPY2BAA+JQmnE3lGGzEUIz3xaAMGwJC0yECtyEmuE7AUKzvYQK5EEFGO/A7IXpQZgCN5dIIcbdMCFphJABTOgyTGgvzEZRBjKBA8yom3DHLyTT8dpYHL8J7lJMx9+FMjifQRnzEtAE5sIEYHrmQk2RuoxmrDRBAYZmCAUAbdUtxGD1S4AAAAAASUVORK5CYII=) center top no-repeat; background-size: 1rem; }
#inicio-nav .slick-next { left: auto; right: -3%; }
#inicio-nav .slick-current { background: #fff; }
#inicio-nav .slick-current:after, #inicio-nav .slick-current + .box:after { display: none; }
#inicio-nav a { display: block; margin: 1rem 0; color: #8CABB2; }
#inicio-nav a:hover { color: #8BAE8F; }

#areas { padding: 0; margin: 0; }
#areas .slick-dots { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#areas .box { position: relative; padding: 2rem .55%; }
#areas .box:after { display: block; content: ''; width: 1px; height: 8rem; position: absolute; left: -.1rem; top: 50%; margin-top: -4rem; background: #E2EAEC; }

#area-top, #area-nav { position: relative; }
#area-nav { position: relative; padding: 0; background: white; z-index: 10;
  -ms-box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); -moz-box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); -webkit-box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.3); }
#area-top { width: 100%; height: 550px; overflow: hidden; }
#area-top .slick-list, #area-top .slick-track { /*z-index: -1;*/ }
#area-top .slick-list, #area-top .slick-track, #area-top .slide { height: 100%; }
#area-top .slide { background-position: center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
#area-nav .slider { margin: 0 4%; }

#area-top .slick-arrow { width: 3.938rem; height: 3.938rem; margin-top: -1.969rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAB8CAMAAADpTZgvAAAAolBMVEUAAAD///////8AAAAAAAD///8AAABLS0tHR0dDQ0NAQED///90dHRvb29qamr///+JiYm2trawsLD///+fn5/BwcG8vLz///+xsbHExMS/v7/////Q0NDLy8v////e3t7Z2dnV1dX////h4eHd3d3s7Ozo6Oj////k5OTy8vLq6ur////39/fv7+/////09PT////7+/v4+Pj////8/Pz///9frRe7AAAANXRSTlMAECAtMDAzNjk9QEBGSU1QWVlcYGZpbHBzfICAiYyPk5aZn6OmrK+vs7m/v8bMz9nf4ubv8hl4CMUAAAQkSURBVFjDvVh/e5MwEB5VoqPadoJ2gp0Dq2VEoAL3/b+aCUlbunKXBB69v7Zne693l/vxvr27+2fmLdeJtPXSc8YutocWLtYetguHD95WGnfknB/1z9XWLoxF1v/7y/Ond2+YtDcfPn3/3UeRmYPwkh78RUEvdv/1RXpIDDEsRbTtj49szD7mMqMlBX8S//FrxTBb/RJ/f8JjF2VrIkZZ1ABwJAdfwPOA0RYU4iVGHfjiwXfMbOm4A09ULmY2Fo85kLnbwZWD1/jMLnhlu5tXWIvSMXsTnbC+ir6FOnDABw203nX0G+Zi0VUGC4A9c7M9wGLw8V3giA86yAYfnzJXSy8BPLl/vAgAINH4lny7TVcjb3jUM08Wf9NBhz2Br8NvSDjW151OoCLCJ+AiAd7jicGh4HKMdPqrKXC2UQUIASbBGVNDlEA9Dc6avoAJlNPgrOzx2TjeDNd4PooPzHCNP4zjAbqNFR7JPzY7IPEWDhR+i8yH2QFAqPovmORgBSCPsQcQsSkOHgH6HXzElyfpYK8XSIY1sMFBrTdoiA8g5WB1ukEeuX6lAyT89rz+G/Ladsj0nQ7Akm71VYDE5Z8OCCcDwIafX1ibPXcYUIABk+OuF0iMNx9yJ4DCCV8Mz28/hE4Z7C7HT1vlwiCiWwK1aM37ZrAa2xsC54OtAwn3bwlkaOlALub1GIEVDiyKKPquDRECLRhwERjp81jwFwbeUSHEIvaKEDGeFBAlts6ikpQPahSk9Gri2yyCWEgH4L5RQYW9YCt2w7fY7IpezoVWCi7kSvHV5T5N031Zq18Paxf5CVfmJkDVY4RJxqVlSejf/W/z1slZ+R55svbc1HcFr62yLsBS1a76+fzwEEXRw+fvP5W7bGlTtv7xXr6+v+qe9718Bm6KoW/gP8/3I917//xHti9ZCF+UrPv2Fun/t6kYnyPxllvxAT+oAQ6kAEebWKiwLjKsj0cRQobCLUTgqkYcZMblo3MoRx082SvY/OZ69AK4tj5+9c0GXjgJYCl/rzuJ218fLT34q9W/cz3/4ZV8Lx35Qw1Hb3i9N474aPAGXuv05cOJfLeD7FfO+OhSgQrJPt3TAfCz/I8Rfp/Th3hxmtoA69Oc/AJgq3unwBs9pxI46K8PdmyKg1S9gI/rD9pBpAqwRPWzyYGisAlNngkHHan/zA5KKzzugNLPNg5s8VKLz4hfrrt8Oh6Fn/HNNLh+P7p/CLjuH7J/Kbju3zti91Lw0/wQ80vCz/OL7g8aft4f6P4i4Zf9he5Pev+d9ye6v+Od3f6eez/m3q/Z93Pu/Z7NH2bzF5nBHP40m7/N5o+z+ets/qz4+57k7znF37V+wDvJpB+0fmnSsRgCiTbol7N+Kl4p8CAurPTTQL/VefoYSXtM89pev83Xj/P1q4P9BdutQZsDuG24AAAAAElFTkSuQmCC) center top no-repeat; background-size: 4.05rem; }
#area-nav .slick-arrow { width: 1rem; height: 1.875rem; margin-top: -.938rem; left: -3%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAA9BAMAAABW7/S6AAAALVBMVEUAAACMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7KMq7K1UizYAAAADnRSTlMAECAwQFBgcICfv8/f71rOY74AAACBSURBVCjPY2BAA+JQmnE3lGGzEUIz3xaAMGwJC0yECtyEmuE7AUKzvYQK5EEFGO/A7IXpQZgCN5dIIcbdMCFphJABTOgyTGgvzEZRBjKBA8yom3DHLyTT8dpYHL8J7lJMx9+FMjifQRnzEtAE5sIEYHrmQk2RuoxmrDRBAYZmCAUAbdUtxGD1S4AAAAAASUVORK5CYII=) center top no-repeat; background-size: 1rem; }
#area-nav .slick-next { left: auto; right: -3%; }
#area-nav .slick-current { background: #f7f7f7; }
#area-nav .slick-current:after, #area-nav .slick-current + .box:after { display: none; }
#area-nav a { display: block; margin: 1rem 0; color: #8CABB2; }
#area-nav a:hover { color: #8BAE8F; }

.full-content {
	display: none;
}

/********************* Blog **************************************************************/

#blog { margin: 0; padding: 2.5rem 0; }
#blog .header { padding-top: 0; padding-bottom: 3.5rem; }
#blog h3, #blog h3 a, #blog.single h2 { font-size: 2.375rem; line-height: 1.2; color: #666; margin: .75rem 0 0.5rem -0.1rem; }
#blog h3 a:hover { color: #8BAE8F; }
#blog h4, .blog-content h4 a { font-size: .935rem; font-weight: 400; color: #76985E; text-transform: uppercase; margin: 0; }
#blog h4 a::before, #blog .date .source::before { content: '•'; display: inline-block; margin: 0 0.5rem;}
#blog .date { font-size: 1rem; margin: 0 0 2rem !important; text-transform: capitalize; }
#blog h4 a:first-of-type::before, #blog h4 a:only-of-type::before { display: none; }
#blog h4 a:hover { color: #9eb9be; }
#blog.single .blog-content figure { margin: 2rem 0; }
#blog section h3, #blog section h3 a { font-size: 1.35rem; line-height: 1.1; margin: .5rem 0 1rem; }
#blog footer { margin: 1rem 0 2.2rem; padding: 1.5rem 0; border-bottom: 1px solid #DFDFDF; }
#blog:not(.single) article:last-child footer { padding: 1.5rem 0 0; border: none; }
#blog footer .social { float: right; }
#blog footer > a { font-weight: 400; color: #8CABB2; }

.blog-content, .sidebar { width: 65%; padding-left: 4.5%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sidebar { width: 35%; padding: 0 4.5% 2rem; }
.sidebar section { margin: 0 0 3rem; }
.sidebar .w-title { font-size: 1.75rem; padding: .6rem 0; margin: 0 0 2rem; text-transform: uppercase; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.sidebar article { position: relative; padding-bottom: 1rem; margin-bottom: 2.5rem; }
.sidebar article:after { display: block; content: ''; position: absolute; width: 50%; height: 1px; left: 50%; margin-left: -25%; bottom: 0; background: #DFDFDF; }
.sidebar article:last-of-type { padding: 0; }
.sidebar article:last-of-type:after { display: none; }
.sidebar figure { margin: 1.5rem 0; }
.sidebar a { color: #8CABB2; }
.sidebar a:hover { color: #8BAE8F; }

/***************** Events ************************************************************/

#featured { position: relative; z-index: 10; background: white; }

/*************** Event grid *******************************/

a.fancybox:hover { opacity: 0.6; }
.hoja { padding: 1rem 0; margin: 1.5rem 0; border-top: 1px solid #EFEFEF; }
.hoja h4, .hoja h4 a { font-size: 1rem; color: #8CABB2; }
.hoja h4 a:hover { color: #B7C9B0; }
.featured-posts { margin-bottom: 4rem; }
.featured-posts .slick-arrow { cursor: pointer; width: 2rem; height: 2rem; font-size: 1.5rem; color: #ADC4C8; top: auto; bottom: -3rem; left: 0; background: none; text-indent: 0; z-index: 100; }
.featured-posts .slick-arrow:hover { color: #AFC3A6; -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); transform-origin: center; }
.featured-posts .slick-next { left: auto; right: 0; }
.featured-posts .slick-dots { position: absolute; width: 100%; left: 0; bottom: -3rem; z-index: 10; text-align: center; }
.featured-posts .slick-dots button { width: .6rem; height: .6rem; background: #e7edee; }
.featured-posts .slick-dots .slick-active button, .featured-posts .slick-dots button:hover { background: #AFC3A6; }
.event, .event .event-img, .event .event-info { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.event { width: 46.75%; height: 50%;  margin: 0 1.25% 2.5%; overflow: hidden; }
.event.featured { width: 100%; height: 100%; margin: 0; float: none; }
.event.featured .event-img .slick-arrow { opacity: 0; font-size: 1.3rem; vertical-align: middle; width: 2rem; height: 100%; left: 0; top: 0; text-indent: 0; color: #fff; background: rgba(161, 186, 191, .3); z-index: 100; }
.event.featured .event-img .slick-arrow:hover { background: rgba(161, 186, 191, .85); }
.event.featured .event-img .slick-next { left: auto; right: 0; }
.event.featured .event-img:hover .slick-arrow { opacity: 1; }
.ajax_posts .event:nth-child(odd) { padding-left: 2.75%; }
.ajax_posts .event:nth-child(even) { padding-right: 2.75%; }
.ajax_posts .event:nth-child(3n+3) .event-img, .event:nth-child(6n+6) .event-img { float: right; }

/**************** Event inner styles ********************/

.event .event-img { position: relative; width: 44.62%; height: 0; padding-top: 44.62%; overflow: hidden; }
.event .event-img > a img { position: absolute; width: 101%; height: auto; left: 0; top: 0; }
.event.featured .event-img .slide > img { width: 100%; height: auto; }
.event .event-info { position: relative; padding: 0 0 4.5rem .85rem; width: 55.38%; height: 100%; }
.ajax_posts .event:nth-child(3n+3) .event-info, .ajax_posts .event:nth-child(6n+6) .event-info { padding-left: 0; padding-right: .85rem; }
.event.featured .event-img { width: 71.67883211678832%; padding-top: 30%;  }
.event.featured .event-img .slider { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.event.featured .event-img .slider .slide { width: 100%; height: 100%; float: left; }
.event.featured .event-info { width: 28.32116788321168%; }
.event-info .details, .event-info .date-box { position: absolute; left: .85rem; bottom: 0; }
.event-info .details { width: calc(100% - 4.35rem); }
.event-info .date-box { left: auto; text-align: center; bottom: -.275rem; right: 0; -ms-transform-origin: right bottom; }
.ajax_posts .event:nth-child(3n+3) .event-info .details, .ajax_posts .event:nth-child(6n+6) .event-info .details { left: 0; }

.home .date-box { -ms-transform: scale(0.775); -moz-transform: scale(0.775); -webkit-transform: scale(0.775); transform: scale(0.775); -ms-transform-origin: right bottom; -moz-transform-origin: right bottom; -webkit-transform-origin: right bottom; transform-origin: right bottom; }
.event-post.fancybox .date-box{ -ms-transform: scale(0.85); -moz-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); -ms-transform-origin: right bottom; -moz-transform-origin: right bottom; -webkit-transform-origin: right bottom; transform-origin: right bottom; }

/*************** Event text styles ***********************************/

.event-post h4, .event-info h4, .event-info p, .date-box span { margin: 0; font-size: 0.785rem; line-height: 1.2; font-weight: 400; color: #8CABB2; text-transform: uppercase; }
.event-info h2, .event-info h2 a { margin: .75rem 0; font-size: 1.45rem; line-height: 1.1; font-weight: 400; color: #666; }
.event-info h2 a:hover { color: #BACBAE; }
.event-info p { font-size: 0.875rem; font-weight: 300; color: #808080; text-transform: none; }
.event-info .details h4 { text-transform: none; }
.event-info .details h4 span { text-transform: capitalize; }
.event-info .bottom-info { position: absolute; width: 100%; height: 5rem; left: 0; bottom: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */}
.date-box span { display: block; line-height: 1; font-weight: 300; color: #808080; }
.date-box .date { margin-top: -.35rem; font-size: 3.65rem; font-weight: 400; }
.ajax_posts .event:nth-child(3n+3) .event-info .date-box, .ajax_posts .event:nth-child(6n+6) .event-info .date-box { right: .85rem; }

.event-post .event-content { padding: 2.5rem 0; }
.event-post .event-content p { font-size: 1.1rem; color: #666; line-height: 1.5; margin: 0 0 2rem; }
.event-post .event-content p:last-child { margin: 0; }
.event-post .event-content p a { color: #8CABB2; font-weight: 400; }


/************** Featured event ( first ) ***************************/

.event.featured .event-info { padding-bottom: 5.5rem; }
.event.featured .event-info h4, .event.featured .event-info h4 a, .event.featured .event-info p, .event.featured .date-box span { font-size: 0.95rem; }
.event.featured .event-info h2, .event.featured .event-info h2 a { font-size: 2rem; line-height: 1.05; }
.event.featured .date-box .date { margin-top: -.5rem; font-size: 4.3rem; }

/********************* Events Single *********************************/

.event-post { height: 100%; overflow: hidden; padding: 2rem 0 7.75rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.event-post .inner { position: relative; height: 100%; padding: 0 10%; overflow-y: auto; }
.event-post .event-img { margin: 1.5rem 0; }
#single .event-post {  padding: 2rem 7%; }
.event-details-top { padding-bottom: .65rem; margin-bottom: 1.25rem; border-bottom: 1px solid #DFDFDF; }
.event-details-top > * { display: inline-block; float: left; }
.event-details-top > ul { float: right; margin-top: .95rem; }
.event-details-top h4 { font-size: .938rem; font-weight: 300; line-height: 1.1; text-transform: none; }
.event-details-top h4.expo-date { text-transform: capitalize; }
.event-details-top .date-box { text-align: center; padding-right: 1.2rem; margin-right: 1.2rem; border-right: 1px solid #DFDFDF; }
.event-post h2 { font-size: 2.375rem; font-weight: 300; color: #666; margin: .5rem 0 1.75rem; }
#single .event-post h2 { font-size: 3.25rem; font-weight: 400; }
.event-post p { font-weight: 400; }
.event-post .comments { margin: 2rem 0 0; }

.event-post.fancybox { position: relative; }
.event-post.fancybox .social { position: absolute; right: .325rem; top: -.325rem;  }
.event-post.fancybox .social a { font-size: 1.25rem; }
.event-post.fancybox .gallery { margin-bottom: 0; }
.event-post.fancybox header h4 { font-size: 1.1rem; }
.event-post.fancybox span { font-size: 1.125rem; }
.event-post.fancybox .date { font-size: 5.75rem; }
.event-post.fancybox .event-info h4 { font-size: 1.25rem; line-height: 1.15; font-weight: 300; color: #8CABB2; }
.event-post.fancybox .details { left: 10%; width: calc(80% - 7.5rem); }
.event-post.fancybox .date-box { right: 10%; bottom: -.475rem; }

/************************ Programación *********************************/

#calendar { margin: 0; padding: 1rem 0 2.25rem; }
#calendar .ajax_posts { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  -ms-flex-direction: row; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0; min-height: 60vh; }
#calendar .box { padding: 1.5rem 2%; }
#calendar .event-info { padding: .75rem 0; }
#calendar h3, #calendar h3 a { font-size: 1.35rem; line-height: 1.2; font-weight: 400; margin: .35rem 0; }
#calendar h3 a:hover { color: #aec2a6; }
#calendar h4:last-of-type { text-transform: none; }

#pagination { padding: 0 2%; margin: 2rem 0; }
#pagination .meses, #pagination .anios { height: 2rem; }
#pagination .meses { padding-top: 0.5rem; }
#pagination .categories { margin-top: 1rem; }
#pagination li { padding-right: 1rem; margin-right: 1rem; font-size: 1.188rem; line-height: 1rem; font-weight: 400; color: #46666B; text-transform: uppercase; border-right: 1px solid #C7D2D3; }
#pagination li:last-child { padding: 0; margin: 0; border: none; }
#pagination li a { font-weight: 300; }
#pagination li a:hover { color: #AFC3A6; }
#pagination .event_categories { margin: .85rem 0 0; }
#pagination .event_categories li, #pagination .event_expositores li { font-size: .85rem; line-height: 1rem; }
#pagination .event_categories .selected a, #pagination .event_expositores .selected a { font-weight: 400; }

#pagination .event_expositores { position: relative; padding-top: 1rem; margin-top: 1rem; }
#pagination .event_expositores::before { position: absolute; content: ''; width: 65%; height: 1px; left: 0; top: 0; background: #efefef; }

#pagination .selector { position: relative; border-bottom: 1px solid #7C9296; }
#pagination .event-years { display: inline-block; position: relative; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAAIVBMVEVGZmtRb3RogoZzi4+JnaCgsLK2wsTM1Nbj5+fu8PD5+flidc4tAAAAOklEQVQI12NYBQYLGNDplQIMDAySQH4CkM4C0osYGJhB8ssZGNjB6hwYvMB0I2MXmF7KCtG/0hLJHADQyyogRHfJ1AAAAABJRU5ErkJggg==) 88% .6rem no-repeat; }
#pagination .event-years li { display: block; margin: 0; padding: .25rem 1.85rem .25rem .5rem; font-size: 1.438rem; line-height: 1.438rem; border: none; }
#pagination .event-years li:not(.selected) { display: none; }
#pagination .selector.hover { border: none; }
#pagination .selector.hover .event-years { position: absolute; right: 0; top: 0;  border: 1px solid #CCD4D5; z-index: 10; }
#pagination .selector.hover .event-years li { display: block; border-bottom: 1px solid #CCD4D5; }
#pagination .selector.hover .event-years li:last-child { border: none; }
#pagination .selector.hover .event-years li:hover {}
#pagination .selector.hover .event-years .selected { background-color: rgba(204,204,204,.2); }
#pagination .selector.hover .event-years .selected a:hover { cursor: default; color: #46666B; }

#pagination .event-months li a { position: relative; height: 1rem; padding: 0 0 .15rem; }
#pagination .event-months .selected a { font-weight: bold; }
#pagination .event-months li a:after { position: absolute; content: ''; width: 120%; height: 1px; left: 50%; bottom: 0; margin-left: -60%; background: #CCD4D5; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; }
#pagination .event-months li a:after { width: 0; opacity: 0; }
#pagination .event-months li a:hover:after, #pagination .event-months .selected a:after { width:  120%; opacity: 1; }
#pagination .event-months .selected a:after { background: #7C9296; }

/*********************** Permanentes ***********************************/

#permanentes { margin: 0 0 4rem; }
#permanentes .wrapper { padding: 0; }

#permanentes .slick-dots { text-align: center; margin: 2rem 0 0; }
#permanentes .slick-dots button { width: .65rem; height: .65rem; background: #B7C9B0; }
#permanentes .slick-dots button:hover, #permanentes .slick-dots .slick-active button { background: #8CABB2; }
#permanentes .box {  margin-top: -1px; margin-left: -1px; border: 1px solid #DFDFDF; border-bottom: none; }
#permanentes .description { padding: 2rem 12%; }
#permanentes h3, #permanentes h3 a { font-size: 1.5rem; line-height: 1.3; font-weight: 600; color: #666; }
#permanentes h3 a:hover { color: #8BAE8F; }
#permanentes a { display: block; }
#permanentes p {}
#permanentes h4 { font-weight: 300; line-height: 1.5; margin: 2rem 0 0; }
#permanentes h4 span { font-weight: 600; }
#permanentes .expo h4 { text-transform: capitalize; margin: 1.5rem 0 0; }
#permanentes .expo h4:last-of-type { margin: 0; }

#permanentes .expos { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

/*********************** Recorrido ***********************************/

#recorrido { width: 100%; height: 100vh; margin: 0; }
#recorrido .acf-map { width: 100%; height: 100%; }

.acf-map .gm-style-iw { max-width: 25vw; }
.acf-map .gm-style-iw .marker-info { padding: .3rem 0 0; }
.acf-map .gm-style-iw .marker-info .img { width: 40%; height: 30vh; float: left; background-size: cover; background-position: center; }
.acf-map .gm-style-iw .marker-info .text { width: 60%; float: right; padding: 0 1rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.acf-map .gm-style-iw .marker-info h3 { font-size: 1.35rem; font-weight: 400; color: #86A1A6; margin: 0; }
.acf-map .gm-style-iw .marker-info p, .acf-map .gm-style-iw .marker-info a { display: block; margin: 1rem 0 1rem; }
.acf-map .gm-style-iw .marker-info a, .acf-map .gm-style-iw .marker-info h4 i { color: #AFC3A6; }
.acf-map .gm-style-iw .marker-info h4 i { margin-right: .25rem; }

/************************************ Pages **********************************/

#page { margin-top: 0; }
#page .wrapper { padding: 2rem 16.5% 3rem; }

/*********************** Map **************************************/

#location { position: relative; width: 100%; height: 375px; margin: 0; }
#map { width: 100%; height: 100%; }

/***************** Footer Styles *******************************/

#footer { color: #fff; }
#footer .top { padding: 2.5rem 0 2rem; background: #5B6E5D; background-image: url(/main/wp-content/themes/hlt_theme/css/../img/trama-footer.png); background-size: cover; background-repeat: no-repeat; }
#footer .box.three { width: 26.25%; }
#footer .box.three:first-child { padding-left:  3.5%; width: 46%; }
#footer .box.three:nth-child(2) { padding-left: 4%; }

#footer h3, #footer h4 { font-size: 1.188rem; line-height: 1.3; font-weight: 300; margin: 1.45rem 0 .2rem; color: inherit; }
#footer h3:first-of-type, #footer h4:first-of-type { margin-top: 0; }
#footer .locations p, #footer li { font-size: .813rem; line-height: 1.5; color: inherit; margin: 0; }
#footer h3, #footer li { margin: 0 0 1.35rem; }
#footer a { color: inherit; }
#footer a:hover { color: #0e1d0f; }

#footer .logo { display: block; margin: 0 0 1.15rem; }
#footer .info { display: inline-block; padding: 0 4rem 0 .15rem; margin-left: -.15rem; border-top: 1px solid #849286; }
#footer .social { margin-top: 1.5rem; }
#footer .social li { display: inline-block; width: auto; margin: 0 .75rem 0 0; }
#footer .social li a { font-size: 1.3rem; }
#footer .social li a:hover { color: #adb7ae; }
#footer .map-btn { position: absolute; font-size: 1.18rem; line-height: 2.5rem; font-weight: 400; padding: 0 0 0 3rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAaCAYAAADIUm6MAAAFKklEQVRYCc2XW6hWRRSAz/F4KctEU7JjlqVhV+lGZFZIF0MqUTCiIpLopYKoKCOLoCiIfFDqQeglw4iKggKpLDiYUlYqWEZ1MjW0kiSym5RZ7r5vnDXM0d8jKpILPtZl1qy99uzZs/+/ve0wkqZp+uR2GnSf9vb2fw+j9lq3UjVdElrFyuCBGhRth45MrFQp50X3Nr7bmHXSfHQnvAzvw+UWQ3eUogdrUKxVozbQni+2x3hcM3LCr/MZWwxPwFRYB6Pr8XpOulAd2JdNMbaePTYnkHsVHAlriC1zbjV+Ku5lcASshBXk7ESbMxF1PmyGt4hvI2ad9TAFfzX+Fuxp2B9id6APbL87GfpRzAvPgL+gloU46bGi74Gd1eAG7AF57pwqrrkKjs9jd2F3g43Pz7H9Xty0ehToa4EQ/KNgOSgPwSWwXge5DiYkq2l+Rk8Hx691PvpSUL6Fi+F5UOZW9c/Fv6Ly969xJpeXAttm7wYfvQ2MA7dCEuw3QbkJ5iWraR5ADwSb7W8i+kFQ5mU/bmQlMfff4FRwV24//L2+Ky0HmNDXPYUeAI9RZxGMhE3Qxlg3agNjPtrnsK+GLuIvoU8CZSZsg6Wwhrxj0bF627GV2Le+B/ZyA3nvwJXU2gFut7KATtirRCJ6EnwOL0BnTMCOY+447C8gZLY5OG/kwBL0zdCVfU+LO7M9J+e6XZRPwZfT+VPgY3gVjsmxHtvVWA8hMd0d+lZQ7ogEbB9drFgK49v8abAUFC/qjSo3moS+JnlN8x76kWw/lcfiffiMuNux1Mf2Zf8GTs65PVa+bBUS0pGDdh8vgCd5VPPx+4N5/+BjNkPgcZhF7CdiX6GXgHIR/JCstrYzsk6nCbbbYmuODc/66Kx/o47bygukkwv/Fvy14EEwDN+tW24sz0srk26CwVi9tD3wI54m4Q+CjaC8Ag/DrzqIq3tBsprmd7RjbgPFI3IUbAebeBRWgHKvjaDjiYc+PY02zYJ6XDsJg9HcGGyPsR9hqIPocpfYUXA89jII2Yxx365qac7t+MaUP2EuxMlyPfYmUP6GZyHtYXQsTuihxLaAtUbs3o/NReMjsWM1J+TE9OiqpiLXPe/+PhPi0de1hhM/G0a3mDuM+FlwSjXWaoHGkrMDXMix5qLT9WOegVjNF7GVdyFWomXzZfKugmm+MeYVO3xisYq7j/WJsZyrH734jildMabuIQzGSp6I/b3ZyGuQPgpoX5y+EHn66SKO1cVy3LFEPaZtPnQ4HmPZL8cevl/lkMl5Xo+bjrllpcg+B9blWWvR00sSBr4XDWyuR+ORa07YtTYf4qatU+ZjjwPP8JCZzsVpWavUjQS0e3QBhCzHuA1GleTKIG4jPhH3vudzPKnUoKnEtMsqx3RiNu9vGreGX0vlS/CLnOZFbq+aCeXusP26vQ4hf2C8DffDROiEgXVB/FXQDVMjjl0axvZbMAamwTzwJ0GIT9rag5yLLtsnavWqmZAeZyThe3rMgg+gFn/e+un3ZfYJPQ3fQcgijEnWQU+GT2Aj1LIVx0NhBqTPfM4vC6hfS9lbdbC2KZQm++Uyju8c/0RcCOfBeBgDnrNDIMQfUp5GrvRHzHf7zMR+Brrha1gNK9SM/4JOkq+5k5h/mg9OKJb2cKsqjA2AEeDjt0F/Yyh+zGaDvwyTYA+GPVaSWKqP3udiRq391hb34uDL2KqJxcQXQnmRsZ2Tmsq2c8WGD12zvd1dbsQGgnqFba40lnOL31vd/2UsbuJQXfw/Ga+Uo2ukamcAAAAASUVORK5CYII=) left center no-repeat; }
#footer .map-btn-mobile { display: none; }
#footer .rules-btn { position: absolute; left: 75%; font-size: 1.18rem; line-height: 2.75rem; font-weight: 400; padding: 0 0 0 3rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAArCAMAAADBoRE7AAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAPJJREFUOMvNlMEWhCAIRUMwzSj9/68dszJstE6nWcxb0hXwCXXdA8HIWVQldDjEVcIKwssP/ZZYsSCCGtaoiwTvp7wk+j0jZYJRAsHqgjBEhPIqzBpijKadoJYB/JwgvCGGEPCSwPBV70TExqd2FZ57k1LoOVsyoyAoehotHbJ/SaMgIDnuIb6SILSsgj5FrvzoqzNR3IUMvHcdb3LAFPzSKRi7K5aVhN3G14nbuoeEmlc/wB6CU6cEP5mxt4SLG5PaycKSMGkeyuW1VT/GxgStY2yX1znWbsSyD2XpL/y4JiZuyMt/UEtUevQtr4qXqEh1H/hJJLr93pnDAAAAAElFTkSuQmCC) left center no-repeat; }

#footer .subscribe { margin: 1.5rem 0 0; }
#footer .subscribe input { display: inline-block; padding: .5rem .85rem; font-family: 'Open Sans', sans-serif; font-size: .925rem; line-height: 1.4rem; font-weight: 300; color: #fff; border: none; border-radius: .2rem; background: none; }
#footer .subscribe input:not([type="submit"]) { width: 15.5rem; background: #8F9D95; }
#footer .subscribe input[type="submit"]:hover { background: #4C5B4D; }

#footer .copyright { padding: 1.5rem; background: #4C5B4D; }
#footer .copyright p { margin: 0; font-weight: 300; font-size: .813rem; text-align: center; }

/********************************** Extra content ********************************/

.fancybox-skin { -moz-border-radius: .85rem; -webkit-border-radius: .85rem; border-radius: .85rem; }
.fancybox-opened .fancybox-skin { background: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.fancybox-close { width: 35px; height: 35px; left: 1rem; top: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' ?%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs4'/%3E%3Cg transform='translate(0,-1036.3622)'%3E%3Cpath d='m 2,1050.3622 12,-12' id='path2985' style='fill:none; stroke:%23B7C9B0;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none'/%3E%3Cpath d='m 2,1038.3622 12,12' id='path2985-1' style='fill:none;stroke:%23B7C9B0;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 100%; }
.fancybox-inner { background-image: url(/main/wp-content/themes/hlt_theme/css/../img/loading.gif); background-position: center center; background-repeat: no-repeat; }
.gallery-box .fancybox-skin { -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.gallery-box .fancybox-close { top: 0; left: auto; right: -3.5rem; }
.s-results { font-size: 2.85rem !important; text-transform: none; }
.s-results span { display: block; color: #AFC3A6; }

form:before, form:after { content: ''; display: table; clear: both; float: none; }
form input { display: block; float: left; border: 1px solid #cacaca; font-family: 'Open Sans', sans-serif; font-size: 1rem; line-height: 2rem; vertical-align: middle; padding: 0 .85rem; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
form input[type="submit"] { margin: 0 0 0 .5rem; color: #fff; border: 1px solid #8CABB2; background: #8CABB2; }
form input[type="submit"]:hover { color: #8CABB2; background-color: #fff; }

/* ==========================================================================
 Helper classes
 ========================================================================== */
 
/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
Media Queries
 ========================================================================== */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html { overflow: hidden; height: 100%; }
    body { overflow: auto; height: 100%; }
}

@media only screen and (min-width: 1080px) {
  #pagination .left .selector {  border: none; }
}

@media only screen and (max-width: 1260px) {
  html { font-size: 95%; }
}

@media only screen and (max-width: 1175px) {
  .event:not(.featured) .event-info .description { display: none !important; }
  #area-top, #inicio-top { height: 450px; }
  #container { width: 100%; min-height: 100%; overflow: hidden; }
  #main-content, #header, #mobile-navigation, .mobile-btn { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; }
  .mobile-btn, .hours-btn, .loc-btn, .rules-btn, .map-btn, .map-btn-mobile { cursor: pointer !important; }
  .slided { -ms-transform: translateX(260px); -moz-transform: translateX(260px); -webkit-transform: translateX(260px); transform: translateX(260px); }
  .desktop-hidden { text-indent: 0; height: auto; }
  #main-content { padding-top: 3.5rem; }
  .box.four { width: 33.33333%; }
  .box.five { width: 25%; }

  #header .top .wrapper { padding: 0 1.5rem; }
  #mobile-navigation { display: block; }
  #header .hours, #header .social { vertical-align: top; }
  #logo, #header .top h3 .hours-btn { position: relative; left: auto; top: auto; }
  #header { position: fixed; width: 100%; left: 0; top: 0; z-index: 10000; }
  #header .top { padding: 1.15rem 0 1.05rem; background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); }
  #logo img, #header .social, #header .bottom, #header .top h3 .text, #header .top h3:after, #header .middle { display: none; }
  #header .top h3, #header .top h3 .hours-btn, #header .loc-btn, .mobile-btn { display: inline-block; padding: 0; margin: 0 0 0 .65rem; font-size: 1.35rem; color: #B7C9B0; line-height: 1; vertical-align: top; }
  .mobile-btn { padding: 1.175rem 1.6rem 1.175rem 1.5rem; margin: -1.25rem 1.25rem -1.25rem -1.5rem; float: left; background: #f9f9f9; }
  .mobile-btn:hover, .mobile-btn.clicked { color: #4c5b4d; background: #BACBAE; }
  #header .loc-btn:hover, #header .top h3 .hours-btn:hover { color: #8CABB2; }

  .acf-map .gm-style-iw { max-width: 40vw; }
  #single .event-post { padding: 2rem 15%; }

  #footer .info { padding-right: 3rem; }
  #footer .map-btn { left: 68%; top: 34%; }
  #footer .box.three:first-of-type, #footer #hours, #footer #rules { width: 33.333333%; padding: 0 2.5%; }
  #footer .box.three:first-of-type { padding: 0 0 0 2.5% !important; text-align: left; }
}

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

#pagination { position: relative; margin: 0; padding: 2rem 0 4.5rem; }
#pagination ul:hover { cursor: pointer; }
#pagination .event_categories { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#pagination li.selected > a { pointer-events: none !important; }
#pagination .event-months li a { height: auto; padding: 0; }
#pagination .event-months .selected a { font-weight: 300; }
#pagination .event-months li a:after { display: none; }

#pagination .event-months { display: inline-block; position: relative; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAAIVBMVEVGZmtRb3RogoZzi4+JnaCgsLK2wsTM1Nbj5+fu8PD5+flidc4tAAAAOklEQVQI12NYBQYLGNDplQIMDAySQH4CkM4C0osYGJhB8ssZGNjB6hwYvMB0I2MXmF7KCtG/0hLJHADQyyogRHfJ1AAAAABJRU5ErkJggg==) 88% .6rem no-repeat; }
#pagination .event-months li { display: block; margin: 0; padding: .25rem 1.85rem .25rem .5rem; font-size: 1.438rem; line-height: 1.438rem; border: none; }
#pagination .event-months li:not(.selected) { display: none; }
#pagination .selector.hover { border: none; }
#pagination .selector.hover .event-months { position: absolute; left: 0; top: 0;  border: 1px solid #CCD4D5; z-index: 10; }
#pagination .selector.hover .event-months li { display: block; border-bottom: 1px solid #CCD4D5; }
#pagination .selector.hover .event-months li:last-child { border: none; }
#pagination .selector.hover .event-months li:first-child { display: none !important; }
#pagination .selector.hover .event-months li:hover {}
#pagination .selector.hover .event-months .selected { background-color: rgba(204,204,204,.2); }
#pagination .selector.hover .event-months .selected a:hover { cursor: default; color: #46666B; }

}

@media only screen and (max-width: 980px) {
  #featured, #featured .wrapper { padding: 0; margin: 0; }
  #featured { padding-bottom: 3rem; }
  .event.featured { height: auto; border-bottom: 1px solid #D1D9DA; }
  .event-info .date-box { right: 0.85rem; }
  .event.featured .event-img { width: 100%; padding-top: 42%; float: none; }
  .event.featured .event-info { width: auto; height: auto !important; padding: 2rem; margin: -20% 15% 0; float: none; background: #fff; }
  .event.featured .event-info .bottom-info { position: relative; left: auto; bottom: auto; margin: 5rem 0 0; background: none; }
  .event:not(.featured) .event-info .description { display: none; }
  .event:not(.featured) .event-info h2, .event:not(.featured) .event-info h2 a { font-size: 1.2rem; }
  .event.featured .event-info h2, .event.featured .event-info h2 a { font-size: 2.2rem; }
  .event.featured .event-info p { font-size: 1rem; }
}

@media only screen and (max-width: 900px) {
  .event:not(.featured) .event-info .description { display: block !important; }
  .box.five { width: 33.33333%; }
  .event:not(.featured) { width: auto; float: none; padding: 0 0 2rem !important; margin: 0 15% 2rem !important; border-bottom: 1px solid #F4F6F6; }
  .event:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; border: none !important; }
  .event:nth-child(even) .event-img { float: left !important; }
  .event:not(.featured):nth-child(odd) .event-img { float: right !important; }
  .event:not(.featured):nth-child(odd) .event-info { padding-left: 0 !important; padding-right: .85rem !important; }
  .event:not(.featured):nth-child(odd)  { right: .85rem; }
  .event:not(.featured):nth-child(odd) .event-info .details, .event.featured .event-info .details { left: 0; }
  .event:nth-child(even) .event-info { padding-left: .85rem !important; padding-right: 0 !important; }
  .event:nth-child(even)  { right: 0; }
  .event:nth-child(even) .event-info .details { left: .85rem !important; }
  .event:not(.featured) .event-info .description { display: block; }
  #permanentes { margin: 0 0 2.5rem; }
  #footer #rules { width: 100%; float: none; clear: both; }
  #rules { display: none; width: 80%; margin: 3rem auto; float: none; float: none; clear: both; background: #fff; }
  #rules ul { padding: 0; }
  #hours { width: 40%; float: left; margin-left: 4%; }
  #footer .map-btn, #footer .map-btn-mobile, #footer .rules-btn { width: 7rem; padding: 3rem 1rem 2rem; top: 5rem; left: auto; right: 6%; line-height: 1.2; text-align: center; background-position: center top; }
  #footer .map-btn:after { content: ''; display: block; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: #fff; }
  #footer .rules-btn { display: block; top: 15rem; } 
  #footer .map-btn-mobile { display: none!important; }
  #footer .subscribe input:not([type="submit"]) { width: 68%; }
  #footer .subscribe input[type=submit] { margin-top: .5rem; }
}

@media only screen and (max-width: 780px) {
  html { font-size: 100%; }
  #pagination { padding-bottom: 4.5rem; }
  .page-banner { background-attachment: scroll; }
  .wrapper { padding: 0 5%; }
  .box.four { width: 50%; }
  .event:not(.featured) .event-info h2, .event:not(.featured) .event-info h2 a { font-size: 1.5rem; }
  .event:not(.featured) .event-post h4, .event:not(.featured) .event-info h4, .event-info p, .date-box span { font-size: 0.95rem; }
  .event.featured .event-info { margin: -20% 5% 0; }
  .event:not(.featured) { margin: 0 5% 2rem !important; }
  #area-nav .slick-dots, #inicio-nav .slick-dots { position: relative; margin: 2rem 0 1rem; }

  .header { padding: 0 0 2rem; }
  .header .social, .header h2 { display: block; float: none; clear: both; margin: 1rem 0; }

  .acf-map .gm-style-iw { max-width: 50vw; }
  .acf-map .gm-style-iw .marker-info .img { height: 16vh; }

  #single .event-post { padding: 2rem 10%; }
  #page .wrapper { padding: 2rem 10% 3rem; }
  .blog-content, .sidebar { width: 100%; float: none; clear: both; margin-bottom: 2rem; padding: 0; }
  .sidebar section { float: none; clear: both; }
  .sidebar figure { margin-top: 0; }
  .sidebar article { width: 50%; margin: 0 !important; padding: 1.5rem !important; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sidebar article:after { display: none; }
  .sidebar form { display: block; width: 290px; margin: 0 auto; }
  #area-top .slide, #inicio-top .slide { background-attachment: scroll; }

  #footer .box.three:first-of-type, #footer #hours { width: 50%; margin: 0; }
  #footer #hours { text-align: center; }
  #footer .wrapper { padding-bottom: 2rem; margin-bottom: 8rem; border-bottom: 1px solid rgba(255,255,255,.2); }
  #footer .map-btn, #footer .map-btn-mobile, #footer .rules-btn { padding-bottom: 0; top: 106%; left: 15%; right: auto; }
  #footer .map-btn:after { display: none; }
  #footer .map-btn-mobile { display: block; top: 15rem; position: absolute; font-size: 1.18rem; line-height: 2.5rem; font-weight: 400; padding: 0 0 0 3rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAaCAYAAADIUm6MAAAFKklEQVRYCc2XW6hWRRSAz/F4KctEU7JjlqVhV+lGZFZIF0MqUTCiIpLopYKoKCOLoCiIfFDqQeglw4iKggKpLDiYUlYqWEZ1MjW0kiSym5RZ7r5vnDXM0d8jKpILPtZl1qy99uzZs/+/ve0wkqZp+uR2GnSf9vb2fw+j9lq3UjVdElrFyuCBGhRth45MrFQp50X3Nr7bmHXSfHQnvAzvw+UWQ3eUogdrUKxVozbQni+2x3hcM3LCr/MZWwxPwFRYB6Pr8XpOulAd2JdNMbaePTYnkHsVHAlriC1zbjV+Ku5lcASshBXk7ESbMxF1PmyGt4hvI2ad9TAFfzX+Fuxp2B9id6APbL87GfpRzAvPgL+gloU46bGi74Gd1eAG7AF57pwqrrkKjs9jd2F3g43Pz7H9Xty0ehToa4EQ/KNgOSgPwSWwXge5DiYkq2l+Rk8Hx691PvpSUL6Fi+F5UOZW9c/Fv6Ly969xJpeXAttm7wYfvQ2MA7dCEuw3QbkJ5iWraR5ADwSb7W8i+kFQ5mU/bmQlMfff4FRwV24//L2+Ky0HmNDXPYUeAI9RZxGMhE3Qxlg3agNjPtrnsK+GLuIvoU8CZSZsg6Wwhrxj0bF627GV2Le+B/ZyA3nvwJXU2gFut7KATtirRCJ6EnwOL0BnTMCOY+447C8gZLY5OG/kwBL0zdCVfU+LO7M9J+e6XZRPwZfT+VPgY3gVjsmxHtvVWA8hMd0d+lZQ7ogEbB9drFgK49v8abAUFC/qjSo3moS+JnlN8x76kWw/lcfiffiMuNux1Mf2Zf8GTs65PVa+bBUS0pGDdh8vgCd5VPPx+4N5/+BjNkPgcZhF7CdiX6GXgHIR/JCstrYzsk6nCbbbYmuODc/66Kx/o47bygukkwv/Fvy14EEwDN+tW24sz0srk26CwVi9tD3wI54m4Q+CjaC8Ag/DrzqIq3tBsprmd7RjbgPFI3IUbAebeBRWgHKvjaDjiYc+PY02zYJ6XDsJg9HcGGyPsR9hqIPocpfYUXA89jII2Yxx365qac7t+MaUP2EuxMlyPfYmUP6GZyHtYXQsTuihxLaAtUbs3o/NReMjsWM1J+TE9OiqpiLXPe/+PhPi0de1hhM/G0a3mDuM+FlwSjXWaoHGkrMDXMix5qLT9WOegVjNF7GVdyFWomXzZfKugmm+MeYVO3xisYq7j/WJsZyrH734jildMabuIQzGSp6I/b3ZyGuQPgpoX5y+EHn66SKO1cVy3LFEPaZtPnQ4HmPZL8cevl/lkMl5Xo+bjrllpcg+B9blWWvR00sSBr4XDWyuR+ORa07YtTYf4qatU+ZjjwPP8JCZzsVpWavUjQS0e3QBhCzHuA1GleTKIG4jPhH3vudzPKnUoKnEtMsqx3RiNu9vGreGX0vlS/CLnOZFbq+aCeXusP26vQ4hf2C8DffDROiEgXVB/FXQDVMjjl0axvZbMAamwTzwJ0GIT9rag5yLLtsnavWqmZAeZyThe3rMgg+gFn/e+un3ZfYJPQ3fQcgijEnWQU+GT2Aj1LIVx0NhBqTPfM4vC6hfS9lbdbC2KZQm++Uyju8c/0RcCOfBeBgDnrNDIMQfUp5GrvRHzHf7zMR+Brrha1gNK9SM/4JOkq+5k5h/mg9OKJb2cKsqjA2AEeDjt0F/Yyh+zGaDvwyTYA+GPVaSWKqP3udiRq391hb34uDL2KqJxcQXQnmRsZ2Tmsq2c8WGD12zvd1dbsQGgnqFba40lnOL31vd/2UsbuJQXfw/Ga+Uo2ukamcAAAAASUVORK5CYII=) left center no-repeat; }
  #footer .rules-btn, #footer .map-btn-mobile { left: auto; right: 15%; }

}

@media only screen and (max-width: 580px) {
  #pagination { padding-bottom: 6rem; }
  .event:not(.featured) .event-info .description { display: none; }
  .event.featured .event-info { padding: 1.5rem; }
  #area-nav .slick-current, #inicio-nav .slick-current { background: none; }
  #areas .box, #inicio .box { padding: 2rem .75% 1rem; text-align: center; }
  #areas .box:after, #inicio .box:after { display: none; }
  #area-nav .slick-dots, #inicio-nav .slick-dots, { margin: 1rem 0; }
  #footer .wrapper { padding: 0 8% 2rem; }
  #footer .info { display: block; }
  #footer .box.three, #footer .box.three:first-of-type { width: 100% !important; padding: 0 !important; float: none !important; clear: both !important; }
  #hours { display: none; width: 80%; margin: 3rem auto; float: none; float: none; clear: both; background: #fff; }
  #hours ul { padding: 0; }
  .gallery .box.three { width: 50%; }
  .event-post.fancybox .inner { padding: 0; }
  .event-post.fancybox .details { left: 0; }
  .event-post.fancybox .date-box { right: 0; }
  .acf-map .gm-style-iw { max-width: 75vw; }
  .gallery { margin: 2rem 0 0; }
  .gallery .slick-dots { width: 100%; padding: 1rem 0; text-align: center; }
}

@media only screen and (max-width: 540px) {
  html { font-size: 82%; }
  #header .top { padding: 1rem 0; }
  #header .top .wrapper { padding: 0 1rem; }
  #header .top h3, #header .top h3 .hours-btn, #header .loc-btn, .mobile-btn { margin: 0; }
  #header .top h3 .hours-btn, #header .loc-btn { margin: 0 0 0 .75rem; }
  .mobile-btn { padding: 0; margin: 0 1rem 0 0; background: none; }
  .mobile-btn:hover, .mobile-btn.clicked { background: none; }
  #logo h1 span { display: none; }
  #single .event-post { padding: 2rem 6.5%; }
  #page .wrapper { padding: 2rem 6.5% 3rem; }
  #permanentes { margin-bottom: 4rem; }
  #pagination .event_categories li { margin: 0 .75rem 0 0; padding: 0 .75rem 0 0; }
  #pagination .event_categories li:last-child { padding: 0; margin: 0; }
}

@media only screen and (max-width: 480px) {
  #pagination { padding-bottom: 8rem; }
  .event.featured .event-info h4, .event.featured .event-info h4 a, .event.featured .event-info p, .event.featured .date-box span { font-size: 1.05rem; }
  .event-info h2, .event-info h2 a { font-size: 1.85rem; }
  .event-post h4, .event-info h4, .event-info p, .date-box span { font-size: .95rem; }
  .box.four { width: 100%; float: none; clear: both; }
  .sidebar article { width: 100%; float: none; clear: both; padding: 0 0 1rem !important; margin: 0 0 2.5rem !important; }
  .sidebar article:after { display: block; }
  .sidebar figure { margin-top: 1rem; }
  #permanentes .description { padding: 3rem 10%; }
  .acf-map .gm-style-iw { max-width: 90vw; }
  .acf-map .gm-style-iw .marker-info  { padding: .45rem 0 0; }
  .acf-map .gm-style-iw .marker-info .img, .acf-map .gm-style-iw .marker-info .text { width: 100%; float: none; }
  .acf-map .gm-style-iw .marker-info .img { height: 20vh; margin: 0 0 1.3rem; }
  .acf-map .gm-style-iw .marker-info .text { padding: 0; }
  .sidebar form { width: 255px; }
  #single .event-post { padding: 0 3% 2rem; }
  .event-details-top > ul { float: left; clear: both; margin: .75rem 0 .5rem; }
  #area-top, #inicio-top { height: 350px; }
  
  #footer .map-btn-mobile { left: 6%; display: block!important; top: 106%; position: absolute; font-size: 1.18rem; line-height: 1.2rem; font-weight: 400; padding: 3.5rem 1rem 0rem 1.5rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAaCAYAAADIUm6MAAAFKklEQVRYCc2XW6hWRRSAz/F4KctEU7JjlqVhV+lGZFZIF0MqUTCiIpLopYKoKCOLoCiIfFDqQeglw4iKggKpLDiYUlYqWEZ1MjW0kiSym5RZ7r5vnDXM0d8jKpILPtZl1qy99uzZs/+/ve0wkqZp+uR2GnSf9vb2fw+j9lq3UjVdElrFyuCBGhRth45MrFQp50X3Nr7bmHXSfHQnvAzvw+UWQ3eUogdrUKxVozbQni+2x3hcM3LCr/MZWwxPwFRYB6Pr8XpOulAd2JdNMbaePTYnkHsVHAlriC1zbjV+Ku5lcASshBXk7ESbMxF1PmyGt4hvI2ad9TAFfzX+Fuxp2B9id6APbL87GfpRzAvPgL+gloU46bGi74Gd1eAG7AF57pwqrrkKjs9jd2F3g43Pz7H9Xty0ehToa4EQ/KNgOSgPwSWwXge5DiYkq2l+Rk8Hx691PvpSUL6Fi+F5UOZW9c/Fv6Ly969xJpeXAttm7wYfvQ2MA7dCEuw3QbkJ5iWraR5ADwSb7W8i+kFQ5mU/bmQlMfff4FRwV24//L2+Ky0HmNDXPYUeAI9RZxGMhE3Qxlg3agNjPtrnsK+GLuIvoU8CZSZsg6Wwhrxj0bF627GV2Le+B/ZyA3nvwJXU2gFut7KATtirRCJ6EnwOL0BnTMCOY+447C8gZLY5OG/kwBL0zdCVfU+LO7M9J+e6XZRPwZfT+VPgY3gVjsmxHtvVWA8hMd0d+lZQ7ogEbB9drFgK49v8abAUFC/qjSo3moS+JnlN8x76kWw/lcfiffiMuNux1Mf2Zf8GTs65PVa+bBUS0pGDdh8vgCd5VPPx+4N5/+BjNkPgcZhF7CdiX6GXgHIR/JCstrYzsk6nCbbbYmuODc/66Kx/o47bygukkwv/Fvy14EEwDN+tW24sz0srk26CwVi9tD3wI54m4Q+CjaC8Ag/DrzqIq3tBsprmd7RjbgPFI3IUbAebeBRWgHKvjaDjiYc+PY02zYJ6XDsJg9HcGGyPsR9hqIPocpfYUXA89jII2Yxx365qac7t+MaUP2EuxMlyPfYmUP6GZyHtYXQsTuihxLaAtUbs3o/NReMjsWM1J+TE9OiqpiLXPe/+PhPi0de1hhM/G0a3mDuM+FlwSjXWaoHGkrMDXMix5qLT9WOegVjNF7GVdyFWomXzZfKugmm+MeYVO3xisYq7j/WJsZyrH734jildMabuIQzGSp6I/b3ZyGuQPgpoX5y+EHn66SKO1cVy3LFEPaZtPnQ4HmPZL8cevl/lkMl5Xo+bjrllpcg+B9blWWvR00sSBr4XDWyuR+ORa07YtTYf4qatU+ZjjwPP8JCZzsVpWavUjQS0e3QBhCzHuA1GleTKIG4jPhH3vudzPKnUoKnEtMsqx3RiNu9vGreGX0vlS/CLnOZFbq+aCeXusP26vQ4hf2C8DffDROiEgXVB/FXQDVMjjl0axvZbMAamwTzwJ0GIT9rag5yLLtsnavWqmZAeZyThe3rMgg+gFn/e+un3ZfYJPQ3fQcgijEnWQU+GT2Aj1LIVx0NhBqTPfM4vC6hfS9lbdbC2KZQm++Uyju8c/0RcCOfBeBgDnrNDIMQfUp5GrvRHzHf7zMR+Brrha1gNK9SM/4JOkq+5k5h/mg9OKJb2cKsqjA2AEeDjt0F/Yyh+zGaDvwyTYA+GPVaSWKqP3udiRq391hb34uDL2KqJxcQXQnmRsZ2Tmsq2c8WGD12zvd1dbsQGgnqFba40lnOL31vd/2UsbuJQXfw/Ga+Uo2ukamcAAAAASUVORK5CYII=) center center no-repeat; }
  #footer .rules-btn { right: 6%; }
  #hours, #rules { width: 100%; }
  #alemania { padding-top: 10%; }
}

@media only screen and (max-width: 440px) {
  .event:not(.featured) .event-img, .event:not(.featured) .event-info { width: 100% !important; float: none !important; clear: both !important; }
  .event:not(.featured) .event-img { padding-top: 100%; }
  .event:not(.featured) .event-info, .event:not(.featured):nth-child(odd) .event-info { height: auto !important; padding: 1.5rem 0 0 0 !important; }
  .event:not(.featured) .event-info .description { display: block; }
  .event .event-info .details, .event:not(.featured) .event-info .details { left: 0 !important; }
  .event , .event:not(.featured)  { right: 0 !important; }
  .event:not(.featured) .event-info .bottom-info { margin: 1rem 0 0; position: relative; left: auto; bottom: auto; background: none; }
  .gallery .box.three { width: 100%; float: none; clear: both; }
  .header .social, .header h2 { text-align: left; margin-bottom: 0; }
}
@media only screen and (max-width: 340px) {
  .event.featured .event-info h4, .event.featured .event-info h4 a, .event.featured .event-info p, .event.featured .date-box span { font-size: 1rem; }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@font-face {
 font-family: 'Quadon';
 font-style: normal;
 src: local('Rene Bieder - Quadon Medium'), local('ReneBieder-QuadonMedium'), url(/main/wp-content/themes/hlt_theme/css/../fonts/ReneBieder-QuadonMedium.otf) format('truetype');
}

@font-face {
 font-family: 'Quadon Light';
 font-style: normal;
 src: local('Rene Bieder - Quadon Light'), local('ReneBieder-QuadonLight'), url(/main/wp-content/themes/hlt_theme/css/../fonts/ReneBieder-QuadonLight.otf) format('truetype');
}