html {
color: #222;
font-size: 1em;
line-height: 1.4;
} ::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
} audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
} ul {
padding: 0;
margin:0;
}
li {
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}
html * {
box-sizing:border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} @font-face {
font-family: 'AvenirLTStd-Medium';
src: url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Medium.eot?) format('eot'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Medium.otf)  format('opentype'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Medium.woff) format('woff'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Medium.ttf)  format('truetype'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium) format('svg');
}
@font-face {
font-family: 'AvenirLTStd-Light';
src: url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Light.eot?) format('eot'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Light.otf)  format('opentype'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Light.woff) format('woff'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Light.ttf)  format('truetype'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light) format('svg');
}
@font-face {
font-family: 'Champagne-Limousines-Bold';
src: url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/Champagne-Limousines-Bold.eot?#iefix) format('embedded-opentype'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/Champagne-Limousines-Bold.woff) format('woff'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/Champagne-Limousines-Bold.ttf)  format('truetype'),
url(//en.tuntun.co/wp-content/themes/tuntun_wp/fonts/Champagne-Limousines-Bold.svg#Champagne&Limousines-Bold) format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'AvenirLTStd-Medium';
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/bg.jpg);
background-repeat: repeat;
position: relative;
}
#main-header {
padding: 1.5em 1em;
width: 100%;
background-color: #FFF;
}
@media all and (min-width: 51em) {
#main-header {
padding: 1em 1em;
}
}
#menu_icon {
font-size: 2em;
color: #665250;
width: 2em;
cursor: pointer;
position: absolute;
top: 0.42em;
}
#main-header ul {
text-align: center;
display: none;
}
#main-header ul li {
margin-bottom: 1.5em;
}
#main-header ul li a {
font-family: 'Champagne-Limousines-Bold', sans-serif;
padding: 1em 0.5em;
color:#665250;
font-size: 0.9em;
}
@media all and (min-width: 51em){
#menu_icon {
display: none;
}
#main-header ul {
display: block !important;
margin-top: 0em;
}
#main-header ul li {
display: inline-block;
margin-bottom: 0em;
}
#main-header ul li a:hover {
border-bottom:1px solid #f8f4e7;
}
}
@media all and (min-width: 61em) {
#main-header ul li a {
padding: 1em 1em;
}
}
#nav-trigger {
padding-top: 10px;
width: 50px;
cursor: pointer; }
#nav-trigger .icon {
position: absolute;
width: 30px;
height: 16px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
top:initial;
left: initial;}
#nav-trigger .icon .bar {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin-top: 0px;
-webkit-transform: translate(0, 0%);
-ms-transform: translate(0, 0%);
transform: translate(0, 0%);
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
-webkit-transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 444ms, margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms;
transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 444ms, margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms; }
#nav-trigger .icon .bar span {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 2px;
background-color: #665250;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
transform: rotate(0deg) translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1); }
#nav-trigger .icon .bar:nth-child(2) {
width: 100%; margin-top: -1px;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0); }
#nav-trigger .icon .bar:nth-child(3) {
width: 100%; margin-top: -2px;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
#nav-trigger .icon .bar:nth-child(3) span {
visibility: visible;
-webkit-transition: visibility 0ms linear 222ms;
transition: visibility 0ms linear 222ms; }
#nav-trigger.close-nav .icon .bar {
margin-top: -1px;
width: 100%;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
-webkit-transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1), margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms;
transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1), margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms; }
#nav-trigger.close-nav .icon .bar span {
-webkit-transition: -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 444ms;
transition: transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 444ms; }
#nav-trigger.close-nav .icon .bar:nth-child(1) span {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
transform: rotate(45deg) translate3d(0, 0, 0); }
#nav-trigger.close-nav .icon .bar:nth-child(2) span {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
transform: rotate(-45deg) translate3d(0, 0, 0); }
#nav-trigger.close-nav .icon .bar:nth-child(3) span {
visibility: hidden;
-webkit-transition: visibility 0ms linear 444ms;
transition: visibility 0ms linear 444ms;
}
#inicio {
text-align: center;
width: 100%;
background-image:url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/home-image.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 19em;
position: relative;
}
@media all and (min-width: 35.5em) {
#inicio {
height: 33em;
}
}
@media all and (min-width: 51em) {
#inicio {
height: 53em;
}
}
@media all and (min-width: 112em) {
#inicio {
height: 100vh;
}
}
#inicio img {
width: 100%;
max-width: 9em;
position: absolute;
left: 2%;
top:0.5em;
}
@media all and (min-width: 25em) {
#inicio img {
left: 8%;
}
}
@media all and (min-width: 35.5em) {
#inicio img {
left: 8%;
max-width: 15em;
top:1em;
}
}
@media all and (min-width: 51em) {
#inicio img {
left: 3%;
max-width: 23em;
}
}
@media all and (min-width: 70em) {
#inicio img {
left: 4%;
}
}
@media all and (min-width: 80em) {
#inicio img {
left: 12%;
}
}
@media all and (min-width: 90em) {
#inicio img {
left: 15%;
max-width: 25%;
}
}
.main-title {
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/trazos.png);
background-repeat: no-repeat;
background-size: 18em;
background-position: center;
text-align: center;
height: 6em;
margin: 2em 0;
color: #665250;
}
.main-title span {
font-family: 'Champagne-Limousines-Bold', sans-serif;
display: inline-block;
padding-top: 1.6em;
font-size: 1.3em;
}
@media all and (min-width: 51em){
.main-title {
margin: 4em 0 1em;
}
}
#proyecto .inwrap {
width: 93%;
max-width: 42em;
margin: 0 auto 4em;
text-align: center;
}
#proyecto p {
font-family: 'AvenirLTStd-Light';
}
#proyecto p a {
color: #C74D73;
}
.proyecto-img {
width: 100%;
height: auto;
}
#sep1 {
width: 100%;
margin:0 auto 1em;
text-align: center;
}
#sep1 img {
width: 100%;
max-width: 42em;
}
#nosotros .inwrap {
width: 93%;
max-width: 75em;
margin: 0 auto;
text-align: center;
}
#nosotros .info {
max-width: 42em;
margin: 0 auto 4em;
}
#nosotros .info p {
font-family: 'AvenirLTStd-Light';
}
#nosotros .circles-wrap {
width: 100%;
height: auto !important;
}
@media all and (min-width: 64.875em) {
.lSAction>a {
top: 38%;
}
}
#nosotros .circles-wrap .circle {
width: 100%;
margin-bottom: 2em;
padding: 0 3em;
font-size: 0.9em;
}
#nosotros .circles-wrap .circle .content {
font-family: 'AvenirLTStd-Light';
}
#nosotros .circles-wrap .circle .content a {
color: #64524f;
font-weight: bold;
}
#nosotros .circle .img{
height: 14.18em;
background-size: cover;
background-repeat: no-repeat;
border-radius: 100%;
margin: 0 auto 0.9em;
max-width: 14.175em;
background-position: center;
}
#nosotros .circle .title {
font-size: 1em;
color: #333333;
text-align: center;
max-width: 11.375em;
margin:1.2em auto 0em;
font-weight: bold;
}
#nosotros .circle .cargo {
color: #717171;
margin-bottom: 0.9em;
}
#nosotros .circle p {
font-family: 'AvenirLTStd-Light';
}
@media all and (min-width: 48em) {
#nosotros .circles-wrap .circle {
width: 33.33%;
float: left;
margin-bottom: 0em;
}
#nosotros .circle .img{
height: 9.18em;
margin: 0 auto 0.9em;
max-width: 9.175em;
}
}
#cuento {
padding-top: 1.5em;
padding-bottom: 5em;
}
#cuento .inwrap {
width: 91%;
max-width: 61em;
margin: 0px auto;
}
#cuento .info {
width: 100%;
text-align: left;
margin-bottom: 4em;
}
#cuento .info .text {
font-size: 0.9em;
font-weight: 300;
margin-bottom: 2em;
text-align: center;
}
@media all and (min-width: 64em) {
#cuento .info .text {
margin-bottom: 23px;
height: 29.25em;
overflow: auto;
text-align: left;
}
}
#cuento .info .text p {
margin:1em 0;
color:#414042;
}
#cuento .image {
height: 317px;
width: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-bottom: 2em;
}
#cuento .main-title {
margin: 0em 0 3em;
}
@media all and (min-width: 35.5em) {
#cuento .image {
height: 26.25em;
}
}
@media all and (min-width: 64em) {
#cuento {
padding-top: 1em;
}
#cuento .inwrap {
margin: 0 auto;
}
#cuento .image {
float: left;
width: 50%;
background-position: left;
margin-bottom: 0em;
}
#cuento .info {
float: right;
width: 50%;
margin-bottom: 0px;
padding: 0 0 0 5%;
}
}
#pre-buy {
background-color: #47372f;
padding: 3em 0 3em;
color: #FFF;
}
#pre-buy .inwrap {
width:90%;
max-width: 75em;
margin:0 auto;
}
#pre-buy .col1, #pre-buy .col2 {
width: 100%;
}
#pre-buy .col1 {
text-align: center;
}
#pre-buy .col2 {
margin-top: 3em;
}
@media all and (min-width: 57.5em) {
#pre-buy {
padding: 6em 0 5em;
}
#pre-buy .col1, #pre-buy .col2 {
width: 49%;
display: inline-block;
vertical-align: middle;
}
#pre-buy .col1 {
text-align: left;
}
#pre-buy .col2 {
margin-top: 0em;
}
}
#pre-buy .col1 p {
font-size: 1.2em;
max-width: 25em;
margin: 2em auto; }
#pre-buy .col1 a{
color: #FFF;
background-color: #dd5e86;
padding: 1em 2em;
font-size: 1.3em;
display: inline-block;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
#pre-buy .col1 a:hover{
background-color: #FFF;
color: #b56175;
}
#pre-buy .main-title {
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/trazos-white.png);
background-size: 18em;
height: 6em;
margin: 0 auto;
color: #FFF;
text-align: center;
max-width: 22em;
}
@media all and (min-width: 57.5em) {
#pre-buy .main-title {
margin: 0;
background-size: 21em;
}
#pre-buy .col1 p{
max-width: 25em;
margin: 2em 0;
padding-right: 2em;
}
}
#pre-buy .col2 iframe {
width: 100%;
height: 22em;
}
#pre-buy .bottom {
text-align: center;
margin-top: 4em;
}
#pre-buy .thanks {
font-size: 1.5em;
}
#pre-buy .bottom p {
font-size: 1.1em;
}
#pre-buy .jssocials-share:last-child {
margin: 0.4em !important;
}
#pre-buy .jssocials-share {
margin: 0.4em !important;
}
#thankyou .inwrap {
width: 93%;
max-width: 43em;
margin: 0 auto 4em;
}
#thankyou .info {
max-width: 42em;
margin: 0 auto 4em;
text-align: center;
}
.thank-slider {
height: auto!important;
}
.thank-slider .slide {
text-align: center;
}
.thank-slider ul li {
font-style: italic;
margin-bottom: 0.4em;
}
#thankyou .lSAction>.lSNext {
right: 0;
}
#thankyou .lSAction>.lSPrev {
left: 0;
}
#animals { padding-bottom: 2em;
}
#animals .inwrap {
width: 93%;
max-width: 64em;
margin: 0 auto;
}
#animals .info {
max-width: 42em;
margin: 0 auto 4em;
text-align: center;
}
#animals .circles-wrap {
width: 100%;
height: auto !important;
}
#animals .circles-wrap .circle {
width: 100%;
margin-bottom: 2em;
padding: 0 3em;
font-size: 0.9em;
}
#animals .circles-wrap .circle .content {
font-family: 'AvenirLTStd-Light';
}
#animals .circles-wrap .circle .content a {
color: #64524f;
font-weight: bold;
}
#animals .circle ul li {
margin-bottom: 2em;
}
#animals .circle .img{
height: 14.18em;
background-size: cover;
background-repeat: no-repeat;
border-radius: 100%;
margin: 0 auto 0.9em;
max-width: 14.175em;
background-position: center;
}
#animals .circle .title {
font-size: 1em;
color: #333333;
text-align: center;
max-width: 11.375em;
margin:1.2em auto 0em;
font-family: 'Champagne-Limousines-Bold', sans-serif;
text-transform: uppercase;
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/trazos.png);
background-repeat: no-repeat;
background-size: 9em;
background-position: center;
text-align: center;
}
#animals .circles-wrap .circle li {
margin-bottom: 2em;
}
@media all and (min-width: 48em) {
#animals .circles-wrap .circle {
width: 24%;
display: inline-block;
margin-bottom: 2em;
vertical-align: top;
}
#animals .circle .img{
height: 9.18em;
margin: 0 auto 0.9em;
max-width: 9.175em;
}
}
#noticias .inwrap {
width: 93%;
max-width: 75em;
margin: 0 auto 4em;
}
#noticias .info {
max-width: 42em;
margin: 0 auto 4em;
}
#noticias .info p {
font-family: 'AvenirLTStd-Light';
text-align: center;
}
.noticias-wrap {
width: 100%;
max-width: 23em;
margin: 0 auto;
}
.noticias-wrap .circle {
width: 100%;
margin-bottom: 2em;
padding: 0 1.4em;
font-size: 0.9em;
}
.noticias-wrap .img{
height: 14.18em;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.noticias-wrap .title {
font-size: 1em;
color: #333333;
text-align: center;
font-weight: bold;
}
.noticias-wrap p {
text-align: center;
font-family: 'AvenirLTStd-Light';
}
.noticias-wrap .innew {
padding: 1.6em;
background-color: #ffffffbd;
}
@media all and (min-width: 58em) {
.noticias-wrap {
width: 100%;
max-width: 100%;
}
.noticias-wrap .circle {
width: 33.33%;
float: left;
margin-bottom: 0em;
}
.noticias-wrap .img{
height: 14.18em;
}
.noticias-wrap .title {
text-align: left;
}
.noticias-wrap p {
text-align: left;
}
}
.noticias-wrap a{
color: #9b7364;
margin-top: 1em;
float: right;
}
.ver-mas {
text-align: center;
width: 100%;
display: block;
margin: 4em auto;
border-radius: 0.5em;
width: 200px;
padding: 11px 14px;
background-color: #9b7364;
color: #FFF;
border: none;
font-size: 0.8em;
}
#donate {
background-color: #dd5e86;
padding: 5em 0 5em;
color: #FFF;
}
#donate .inwrap {
width:90%;
max-width: 75em;
margin:0 auto;
}
#donate .col1, #donate .col2 {
width: 100%;
}
#donate .col2 {
text-align: center;
}
#donate .col2 {
margin-top: 3em;
}
@media all and (min-width: 57.5em) {
#donate {
padding: 8em 0;
}
#donate .col2, #donate .col1 {
width: 49%;
display: inline-block;
vertical-align: middle;
}
#donate .col2 {
text-align: left;
padding-left: 5em;
margin-top: 0em;
}
}
#donate .col2 p {
font-size: 1em;
margin: 2em auto; }
#donate .col2 a {
color: #FFF;
font-weight: bold;
}
#donate .col2 .donate-btn{
background-color: #FFF;
color: #b56175;
padding: 0.7em 2em;
font-size: 1.3em;
display: inline-block;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
#donate .col2 .donate-btn:hover{
background-color: #FFF;
color: #b56175;
}
#donate .title {
background-size: 18em;
margin: 0 auto;
color: #FFF;
text-align: center;
max-width: 22em;
font-size: 1.7em;
}
#donate .col1 .title {
margin-bottom: 2em
}
#donate .col2 .title {
display: none;
text-transform: uppercase;
}
@media all and (min-width: 57.5em) {
#donate .col1 .title {
display: none;
margin-bottom: 3em
}
#donate .col2 .title {
display: block;
}
#donate .title {
margin: 0;
background-size: 21em;
text-align: left;
font-size: 1.5em;
}
#donate .col2 p{
margin: 1em 0;
}
}
#donate .col1 ul li {
width: 100%;
height: 17em;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media all and (min-width: 35.5em) {
#donate .col1 ul li {
height: 21em;
}
}
@media all and (min-width: 57.5em) {
#donate .col1 ul li {
height: 31em;
}
} #article-content .inwrapper {
width: 91%;
max-width: 1068px;
margin:30px auto;
}
.col-content {
width: 100%;
margin-bottom:30px;
}
.col-sidebar {
width: 100%;
margin-bottom: 50px;
text-align: center;
}
.col-sidebar img {
width: 100%;
max-width: 10em;
}
.falling-animals {
display: none;
}
@media all and (min-width: 64em) {
.col-content {
width: 70%;
float: right;
padding-left: 8%;
padding-top: 30px;
}
.col-sidebar {
width: 30%;
float: left;
margin-bottom: 0px;
padding-top: 30px;
text-align: left;
}
.col-sidebar img {
width: 100%;
max-width: 20em;
display: block;
}
.falling-animals {
display: block;
}
}
.intro-text {
font-size: 0.9em;
text-align: center;
}
@media all and (min-width: 64em) {
.intro-text {
text-align: left;    }
}
.intro-text img {
width: 100%;
height: auto;
max-width: 300px;
}
.col-content .featured-image {
width: 100%;
height: auto;
margin-bottom: 22px;
}
.col-content .maintitle {
font-size: 1.5em;
margin-bottom: 3px;
text-align: left;
}
.col-content .subtitle {
font-size: 0.9em;
margin-bottom: 22px;
text-align: left;
color: #969696;
}
.col-content .contenido {
}
.col-content .contenido img {
width: 100%;
height: auto;
margin: 22px auto;
}
.content-gallery {
margin:20px 0 !important;
}
.content-gallery .imagen {
float: left;
height: 300px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
}
.col-content .contenido iframe {
width: 100%;
height: 450;
margin: 22px auto;
}
.col-content .contenido p {
font-size: 1em;
font-weight: 300;
}
.col-content .contenido p:first-child {
margin-top:0;
}
.share-single {
padding-bottom: 20px;
}
.share-title {
text-align: left;
margin-bottom: 21px;
margin-top: 20px;
}
.share-title span {
font-size: 1em;
text-align: center;
color: #6f6f6f;
border: 1px solid #b7b7b7;
box-shadow: none;
background-color: transparent;
display: inline-block;
padding: 5px 20px 5px 9px;
border-radius: 4px;
font-weight: 100;
}
.share-title .fa {
margin-right: 20px;
}
.col-sidebar .maintitle {
font-size: 1.5em;
margin-bottom: 35px;
text-align: center;
clear:both;
}
.col-sidebar .line1 {
width: 38px;
height: 2px;
background-color: #000;
display: block;
margin:4px auto;
}
.col-sidebar .line2 {
width: 48px;
height: 2px;
background-color: #000;
display: block;
margin:4px auto;
}
@media all and (min-width: 64em) {
.col-sidebar .maintitle {
text-align: left;
}
.col-sidebar .line1 {
margin-left: 0;
margin-top: 4px;
}
.col-sidebar .line2 {
margin-left: 0;
margin-top: 4px;
}
}
.archive-menu {
padding-top: 35px;
border-top: 1px solid #d6d6d6;
text-align: center;
}
.archive-menu li {
padding:5px 0;
}
.archive-menu li a {
color: #969696;
padding:10px 0;
}
.page-single .box {
width: 100%;
margin:1.5%;
}
@media all and (min-width: 29.25em) {
.page-single .box {
width: 46%;
}
}
@media all and (min-width: 48em) {
.page-single .box {
width: 30%;
}
}
@media all and (min-width: 64em) {
.page-single .box {
width: 100%;
}
.archive-menu {
text-align: left;
}
}
#article-content .contenido img {
width: 100%;
height: auto;
margin: 22px 0;
max-width: 400px;
display: block;
}
#comments {
background: #dcdada;
padding: 4px 22px 20px;
}
.comment-body {
background-color: #c5c5c5;
padding: 15px;
margin-bottom: 2px;
}
.comment-reply-link {
color: #d71d3b;
}
#respond {
padding:0 5px 0 5px;
} #respond input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
width: 100%;
padding: 12px;
}
#respond input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);
}
#author {
font-family: Lobster, "Lobster 1.4", "Droid Sans", Arial;
font-size: 16px;
color:#1d1d1d;
letter-spacing:.1em;
}
#url  {
color: #21759b;
font-family: "Luicida Console", "Courier New", "Courier", monospace;
}
#submit {
width: 200px;
padding: 11px 14px;
background-color: #d32340;
color: #FFF;
border: none;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
#submit:hover {
background-color: #000;
}
#comments a {
color:#d32340;
}
.noticia{
border-bottom: 1px solid #D8D1D0;
padding: 0 0 25px;
margin-bottom: 25px;
}
.comment-list {
padding-left: 12px;
}
.comment-list .comment {
padding: 0px 0 2px;
}
.commentmetadata {
display: none;
}
.col-content .contenido p {
margin: 7px 0;
font-family: "AvenirLTStd-Light",sans-serif;
}
.says {
display: none;
}
.comenta-noticia {
background-color: #9b7364;
color: #FFF;
padding: 10px;
width: 100%;
display: block;
text-align: center;
}
.comenta-noticia .fa {
margin-right: 6px;
}
#siguenos .inwrap {
max-width: 80em;
width: 96%;
text-align: center;
margin: 0 auto;
}
#siguenos .link {
color:#9b7364;
margin-top: 2em;
display: block;
}
#siguenos .birds {
max-width: 17em;
margin-bottom: -4em;
}
@media all and (min-width: 51em) {
#siguenos .birds {
margin-bottom: -6em;
}
}
#siguenos .fa-instagram:before {
vertical-align: 10%;
}
#instafeed {
width: 100%;
margin-top: 5em;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
}
.insta_box {
width: 100%;
height: 190px;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 10px;
background-position: center;
overflow: hidden;
}
.insta_box:hover {
opacity: 0.7;
}
.insta_box a {
width: 100%;
height: 100%;
display: block;
}
.insta_box:nth-child(7), .insta_box:nth-child(8), .insta_box:nth-child(9), .insta_box:nth-child(10), .insta_box:nth-child(11), .insta_box:nth-child(12), .insta_box:nth-child(13), .insta_box:nth-child(14){
display: none;
}
@media only screen and (min-width: 23.75em) {
.insta_box {
width: 49%;
height: 190px;
}
}
@media only screen and (min-width: 29.25em) {
.insta_box {
width: 33%;
height: 130px;
}
.insta_box:nth-child(7), .insta_box:nth-child(8), .insta_box:nth-child(9), .insta_box:nth-child(10), .insta_box:nth-child(11), .insta_box:nth-child(12), .insta_box:nth-child(13), .insta_box:nth-child(14), .insta_box:nth-child(15){
display: block;
}
.insta_box:last-child {
display: none;
}
}
@media only screen and (min-width: 64em) {
.insta_box {
width: 12%;
height: 9em;
}
.insta_box:last-child {
display: block;
}
}
.inst-follow {
color:#000;
}
.inst-follow:hover {
color:#565656;
}
.inst-follow .fa {
font-size: 1.5em;
}
#sep2 {
margin-top: 5em;
}
#sep2 img {
width: 100%;
margin: 0 auto;
display: block;
}
#contacto {
background-image:url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/Tuntun-footer.png);
background-repeat: no-repeat;
background-position: 90% 100%;
background-size:22em;
}
#contacto p {
font-family: "AvenirLTStd-Light", sans-serif;
}
#contacto .inwrap {
width: 89%;
max-width: 64em;
margin: 5em auto 0em;
text-align: left;
padding: 0em 0 14em;
}
@media all and (min-width: 29.25em) {
#contacto .inwrap {
padding: 0em 0 4em;
}
}
@media all and (min-width: 48em) {
#contacto {
background-size:36em;
}
#contacto .inwrap {
padding: 0em 0 9em;
}
}
#contacto .col-izq {
display: inline-block;
width: 100%;
}
#contacto .col-der {
display: inline-block;
width: 100%;
text-align: left;
vertical-align: top;
margin-top: 14px;
}
@media all and (min-width: 768px) {
#contacto .col-izq {
display: inline-block;
width: 49%;
}
#contacto .col-der {
display: inline-block;
width: 49%;
padding-left: 50px;
margin-top: 0px;
}
}
#contacto .col-izq input {
width: 100%;
padding: 15px 13px;
margin-bottom: 12px;
outline: none;
position: relative;
border: 1px solid #e0d8cc;
border-radius: 0.5em;
}
#contacto .col-izq textarea {
width: 100%;
padding: 15px 13px;
outline: none;
position: relative;
border: 1px solid #e0d8cc;
border-radius: 0.5em;
}
#contacto .col-izq input[name="submit"] {
width: 200px;
padding: 11px 14px;
background-color: #9b7364;
color: #FFF;
border: none;
float: right;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
#contacto .col-izq input[name="submit"]:hover{
background-color: #000;
}
.form-msg {
display: none;
text-align: center;
color: #9b7364;
padding-bottom: 3em;
}
@media all and (min-width: 48em){
.form-msg {
padding-bottom: 17em;
}
}
.g-recaptcha {
display: none;
margin-bottom: 10px;
}
.info-contacto {
margin-bottom: 20px;
}
.info-contacto .title {
font-size: 0.8em;
font-weight: bold;
margin-bottom: 5px;
}
.info-contacto .content {
font-family: "Champagne-Limousines-Bold";
font-size: 1.3em;
}
.info-contacto ul li {
display: inline-block;
margin-right: 5px;
}
.info-contacto ul li a {
width: 39px;
height: 39px;
display: block;
border: 1px solid;
border-radius: 100%;
color: #000;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.info-contacto ul li .fa {
padding: 8px 12px;
}
.info-contacto ul li:first-child .fa {
padding: 8px 12px;
}
.info-contacto ul li:first-child a:hover {
background-color: #3b5998;
color: #FFF;
}
.info-contacto ul li:nth-child(2) a:hover {
background-color: #8a3ab9;
color: #FFF;
}
.info-contacto ul li:nth-child(3) a:hover {
background-color: #55acee;
color: #FFF;
}
.input-field {
position: relative;
}
.input-field label {
position: absolute;
right: 1em;
bottom: 1.5em;
font-size: 0.6em;
color: #ff5d5d;
text-transform: uppercase;
} #popup-lightbox {
position: fixed;
width: 100%;
height: 100%;
display: table;
z-index: 100;
background-color: rgba(0,0,0,0.46);
display: none;
font-size: 0.9em;
}
@media all and (min-width: 468px) {
#popup-lightbox {
font-size: 1em;
}
}
#popup-box {
position: absolute;
width: 96%;
max-width: 35em;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 19em;
padding: 2em 1.3em;
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/bg.jpg);
background-repeat: repeat;
-webkit-box-shadow: -4px -2px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -4px -2px 15px -2px rgba(0,0,0,0.75);
box-shadow: -4px -2px 15px -2px rgba(0,0,0,0.75);
text-align: center;
border: 7px solid #443737;
display: none;
color: #FFF;
}
@media all and (min-width: 23.75em) {
#popup-box {
height: 18.5em;
padding: 2em 3em;
}
}
.close-popup {
position: absolute;
right: 0.7em;
top: 0.5em;
font-size: 1.6em;
cursor: pointer;
color: #523e35;
}
.suscribe-form input {
width: 100%;
padding: 15px 13px;
margin-bottom: 12px;
outline: none;
position: relative;
z-index: 1;
border: 1px solid #987262;
border-radius: 0.5em;
text-align: center;
background-color: transparent;
border-radius: 0.5em;
}
.suscribe-form input[name="submit"] {
padding: 1em;
background-color: #523e35;;
color: #FFF;
border: none;
float: right;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.suscribe-form input[name="submit"]:hover{
background-color: #000;
}
#popup-box p {
color:#443737;
font-family: "AvenirLTStd-Light", sans-serif;
margin-bottom: 1em;
}
@media all and (min-width: 26.875em) {
#popup-box p{
margin-bottom: 2em;
}
}
.thankyou-msg {
display: none;
font-weight: 300;
text-align: center;
color: #443737;
}
._5mfr, ._47e3 img{
max-width: 1.5em !important;
} #popup-lightbox-idioma {
position: fixed;
width: 100%;
height: 100%;
display: table;
z-index: 100;
background-color: rgba(0,0,0,0.46);
display: none;
font-size: 0.9em;
}
@media all and (min-width: 468px) {
#popup-lightbox-idioma {
font-size: 1em;
}
}
#popup-box-idioma {
position: absolute;
width: 96%;
max-width: 35em;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 33em;
padding: 2em 1.3em;
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/bg.jpg);
background-repeat: repeat;
-webkit-box-shadow: -4px -2px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -4px -2px 15px -2px rgba(0,0,0,0.75);
box-shadow: -4px -2px 15px -2px rgba(0,0,0,0.75);
text-align: center;
border: 7px solid #443737;
display: none;
color: #FFF;
}
#popup-box-idioma iframe {
width: 100%;
height: 16em;
}
@media all and (min-width: 23.75em) {
#popup-box-idioma {
height: 32.5em;
padding: 2em 3em;
}
}
#cuenta-cuentos {
width: 89%;
max-width: 1134px;
margin: 1em auto 20px;
text-align: left;
}
#cuenta-cuentos .col-izq {
display: inline-block;
width: 100%;
}
#cuenta-cuentos .col-der {
display: inline-block;
width: 100% !important;
text-align: center;
vertical-align: top;
padding-top:20px;
height: auto !important;
}
#cuenta-cuentos .col-der iframe {
width: 100%;
height: 300px;
margin-top:1em;
}
#cuenta-cuentos .col-der img{
width: 100%;
margin-top: 21px;
max-width: 350px;
}
@media all and (min-width: 768px) {
#cuenta-cuentos .col-der iframe {
height: 400px;
}
}
@media all and (min-width: 1024px) {
#cuenta-cuentos .col-izq {
display: block;
padding-right: 30px;
width: 49% !important;
float: left;
}
#cuenta-cuentos .col-izq p {
display: inline-block;
margin: 10px 0;
}
#cuenta-cuentos .col-der {
display: block;
width: 49% !important;
float: right !important;
}
#cuenta-cuentos .col-der img{
width: 100%;
margin-top: -131px;
max-width: 100%;
}
#cuenta-cuentos .col-der iframe {
height: 300px;
}
}
.contrataciones-cc {
background-color: #c32338;
padding: 19px;
width: 100%;
display: block;
color: #FFF;
margin-top: 24px;
margin-bottom: 20px;
}
.contrataciones-cc:hover {
background-color: #000;
}
#cuenta-cuentos-subscribe {
width: 89.5%;
max-width: 1134px;
margin: 4em auto 3em;
font-size: 0.9em;
}
.cuentacuentos-form {
color: #FFF;
}
#cuenta-cuentos-subscribe .title {
font-size: 1.2em;
}
#cuenta-cuentos-subscribe .subscribe-box {
margin:0;
max-width: 100%;
background-color: #47372f;
border-radius: 0.5em;
margin-top: 2em;
}
.reservar-boton {
background-color: #dd5e86;
color:#FFF;
font-weight: bold;
border:none;
cursor: pointer;
}
#cuenta-cuentos-calendario {
width: 100%;
text-align: center;
margin: 0  0 45px;
}
#cuenta-cuentos-solicitud {
width: 100%;
text-align: center;
padding: 0px 25px;
margin-top: 45px;
}
@media all and (min-width: 800px){
#cuenta-cuentos-subscribe .subscribe-box {
max-width: 49%;
float: left;
}
#cuenta-cuentos-calendario {
width: 47%;
float: right;
margin-top: 11px;
text-align: left;
padding: 0px;
}
#cuenta-cuentos-solicitud {
width: 49%;
float: right;
margin-top: 0;
}
}
#cuenta-cuentos-solicitud a {
font-size: 1.1em;
font-family: "Champagne-Limousines-Bold";
color: #000;
}
@media all and (min-width: 800px) {
#cuenta-cuentos-solicitud a {
font-size: 1.4em;
}
}
#cuenta-cuentos-solicitud p {
margin:9px 0;
}
#cuenta-cuentos-calendario .evento {
margin-bottom: 10px;
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
}
#cuenta-cuentos-calendario .evento .title {
font-size: 1.1em;
font-family: "Champagne-Limousines-Bold";
color: #000;
}
@media all and (min-width: 800px) {
#cuenta-cuentos-calendario .evento .title {
font-size: 1.4em;
}
}
#cuenta-cuentos-calendario .evento p {
margin:3px 0;
}
#cuenta-cuentos-calendario .evento .time {
font-style: italic;
}
#cuenta-cuentos-calendario .evento .time a {
color: #dd5e86;
}
#cuenta-cuentos-calendario .evento .time a:hover {
color:#000;
}
#cuenta-cuentos-calendario .evento .ubicacion {
color:#888888;
}
#cuenta-cuentos-calendario .evento .ubicacion a{
color:#6f6f6f;
}
#cuenta-cuentos-calendario span {
display: block;
font-size: 1.5em;
margin-bottom: 15px;
}
#cuenta-cuentos-calendario button {
padding:10px 20px;
color:#FFF;
width: 100%;
border:none;
background-color: #C60932;
outline: none;
}
#cuenta-cuentos-calendario button:hover {
background-color: #000;
}
.calendario-pag {
margin-top: 35px;
}
.calendario-pag li {
display: inline-block;
margin:0 4px 1em;
vertical-align: top;
}
.calendario-pag li a {
padding: 11px 0px;
background-color: #C60932;
color: #FFF;
width: 39px;
display: block;
text-align: center;
height: 39px;
}
.calendario-pag li a img {
width: 37px; margin-top: -11px;
}
.calendario-pag li a:hover {
background-color: #000;
}
.calendario-pag li a.selected {
background-color: #000;
}
.cuentacuentos-form input {
margin:5px 0;
width: 100%;
padding: 1em;
outline: none;
position: relative;
border: 1px solid #e0d8cc;
border-radius: 0.5em;
}
.cuentacuentos-form select {
width: 100%;
height: 47px;
padding: 10px 16px;
background-color: #fff;
border-radius: 0;
border: 1px solid #c7c1c1;
outline: none;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//en.tuntun.co/wp-content/themes/tuntun_wp/img/arrow_selector.jpg);
background-repeat: no-repeat;
background-position: 96% center;
width: 100%;
color:#777777;
margin-bottom: 5px;
border-radius: 0.5em;
}
.cuentacuentos-form {
padding: 38px 15px;
}
.cuentacuentos-form p {
margin: 11px 0 !important;
}
.cuentacuentos-form .half {
width: 100%;
}
@media all and (min-width: 980px) {
.cuentacuentos-form .half {
width: 49%;
float: left;
}
.cuentacuentos-form .firsthalf {
margin-right: 2%;
}
}
@media all and (min-width: 468px) {
.subscribe-box input{
width: 70%;
}
.cuentacuentos-form input{
width: 100%;
}
.subscribe-box input[name="submit"] {
width: 28%;
}
.cuentacuentos-form input[name="submit"] {
width: 100%;
margin-top: 22px;
}
.cuentacuentos-form {
padding: 42px 50px;
}
}
#cc-slider {
margin: 1em auto;
}
#cc-slider .lSAction>.lSNext {
background-position: -32px 0;
}
#cc-slider .imagen {
float: left;
height: 7em;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
}
#cc-slider .lSPager {
margin-top: -49px !important;
padding-bottom: 27px;
}
#cc-slider .lSSlideOuter .lSPager.lSpg>li a {
width: 15px;
height: 15px;
border: 4px solid #000;
}
#cc-slider .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
background-color: #fc0225 !important;
}
.calendar-wrap {
width: 100%;
height: 319px;
}
.calendar ul{
list-style: none;
padding: 0;
margin: 0;
clear: both;
width: 100%;
}
.paginacion-links a {
color: grey;
text-decoration: none;
}
.calendar-navigation {
text-align: center;
}
.calendar-nav {
text-decoration: none;
color: #cd6a87;
}
.calendar-nav.prev {
float: left;
}
.calendar-nav.next {
float: right;
margin-right: 6px;
}
.calendar-events {
width: 100%;
margin-top: 15px;
}
.calendar-events .show-name {
font-weight: 400;
color: #EC008C;
margin-top: 5px;
}
.calendar-events .show-time {
font-weight: 300;
font-size: 15px;
}
.calendar-events .venue {
font-weight: 300;
font-size: 15px;
}
.calendar-events a {
text-decoration: none;
color: #000;
}
.calendar-day {
height: 50px;
}
.calendar-day .event-info {
display: none;
}
@-moz-document url-prefix() { .calendar li{
display: block;
float: left;
width: 14.2857143%;
padding: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
margin-right: -1px;
margin-bottom: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .calendar li{
display: block;
float: left;
width: 14.2857143%;
padding: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
margin-right: -1px;
margin-bottom: -1px;
}
}
.calendar li .day, .calendar li .month{
display: none;
}
.calendar a{ color:#333!important; font-size:80%; background-color:rgba(95,158,54,0.4) ; padding:5px; border-radius:4px; display:block; -webkit-transition: all 150ms ease-in 0ms;
-moz-transition: background-color 150ms ease-in 0ms;
-ms-transition: background-color 150ms ease-in 0ms;
-o-transition: background-color 150ms ease-in 0ms;
transition: background-color 150ms ease-in 0ms;}
.calendar a:hover { background-color:rgba(95,158,54,1); color:#FFF!important;}
.calendar a:hover .show-name { color:#FFF; font-weight:bold;}
.weekdays { text-align:center; font-size:12px; text-transform:uppercase; }
.weekdays li { border-color:transparent; background-color:#cd6a87; color:#FFF;}
.show-name { color:#000;}
#cuenta-cuentos-calendario .date { font-size:85%;}
.calendar-day a {
display: none;
}
@media print
{
.no-print, .no-print *
{
display: none !important;
}
}
.cuentacuentos-form form label.error {
position: absolute;
top: 2.6em;
right: 0.6em;
color: rgba(210, 35, 62, 0.57);
font-size: 0.9em;
}
.tipo-actividad .maintitle {
font-weight: bold;
font-size: 1.1em;
margin: 0 0 0.5em;
cursor: pointer;
color: #cd6a87;
}
.tipo-actividad .list {
display: none;
}
.tipo-actividad .title {
font-size: 1em;
}
.tipo-actividad p {
margin: 0 !important;
}
.tipo-actividad .evento {
margin-bottom:1em;
}
.tipo-actividad .time {
font-style: italic;
color: #6f6c6c;
}
.tipo-actividad .reserva-select {
color: #cd6a87;
}
.content-gallery {
margin:20px 0 !important;
}
.content-gallery .imagen {
float: left;
height: 17em;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
}
.animals-content { padding-bottom: 2em;
}
.animals-content .main-title {
background-size: 12em;
}
#tips .inwrap{
border-top: 1px solid #dcdcdc;
padding-top: 1em;
padding-bottom: 0em;
width: 95%;
max-width: 64em;
margin:0 auto 4em;
}
#tips .info {
max-width: 41em;
width: 95%;
margin: 0 auto 3em;
text-align: center;
}
#tips .circles-wrap {
width: 100%;
height: auto !important;
}
#tips .circles-wrap .circle {
width: 100%;
margin-bottom: 2em;
padding: 0 3em;
font-size: 0.9em;
text-align: center;
}
#tips .circles-wrap .circle .content {
font-family: 'AvenirLTStd-Light';
}
#tips .circles-wrap .circle .content a {
color: #64524f;
font-weight: bold;
}
#tips .circle .img{
height: 14.18em;
background-size: cover;
background-repeat: no-repeat;
border-radius: 100%;
margin: 0 auto 0.9em;
max-width: 14.175em;
background-position: center;
}
#tips .circle .title {
font-size: 1em;
color: #333333;
text-align: center; margin: 1.2em auto 1em;
font-weight: bold;
}
#tips .circle .cargo {
color: #717171;
margin-bottom: 0.9em;
}
#tips .circle p {
font-family: 'AvenirLTStd-Light';
}
@media all and (min-width: 48em) {
#tips .circles-wrap .circle {
width: 33.33%;
float: left;
margin-bottom: 0em;
}
#tips .circle .img{
height: 9.18em;
margin: 0 auto 0.9em;
max-width: 9.175em;
}
}
#tips .circles-wrap .circle a{
text-decoration: none;
color: #FFF;
margin-top: 10px;
background-color: #dd5e86;
padding: 1em 2em;
border-radius: 0.5em;
display: inline-block;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
}
.animal-circle {
cursor: pointer;
}
.animals-loading {
display: none;
text-align: center;
padding-top:1em;
}
#descargas .inwrap{
border-top: 1px solid #dcdcdc;
padding-top: 1em;
padding-bottom: 0em;
width: 95%;
max-width: 64em;
margin:0 auto 4em;
}
#descargas .info {
max-width: 41em;
width: 95%;
margin: 0 auto 3em;
text-align: center;
}
#descargas .circles-wrap {
width: 100%;
height: auto !important;
}
#descargas .circles-wrap .circle {
width: 100%;
margin-bottom: 2em;
padding: 0 3em;
font-size: 0.9em;
text-align: center;
}
#descargas .circles-wrap .circle .content {
font-family: 'AvenirLTStd-Light';
}
#descargas .circles-wrap .circle .content a {
color: #64524f;
font-weight: bold;
}
#descargas .circle .img{
height: 14.18em;
background-size: cover;
background-repeat: no-repeat;
border-radius: 100%;
margin: 0 auto 0.9em;
max-width: 14.175em;
background-position: center;
}
#descargas .circle .title {
font-size: 1em;
color: #333333;
text-align: center; margin: 1.2em auto 1em;
font-weight: bold;
}
#descargas .circle .cargo {
color: #717171;
margin-bottom: 0.9em;
}
#descargas .circle p {
font-family: 'AvenirLTStd-Light';
}
@media all and (min-width: 48em) {
#descargas .circles-wrap .circle {
width: 33.33%;
float: left;
margin-bottom: 0em;
}
#descargas .circle .img{
height: 9.18em;
margin: 0 auto 0.9em;
max-width: 9.175em;
}
}
#descargas .circles-wrap .circle a{
text-decoration: none;
color: #FFF;
margin-top: 10px;
background-color: #dd5e86;
padding: 1em 2em;
border-radius: 0.5em;
display: inline-block;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
}
.separator-line {
max-width: 72em;
width: 90%;
margin: 0 auto;
border-color: #ffd7e3;
}  .hidden {
display: none !important;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap; } .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
} .invisible {
visibility: hidden;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} @media only screen and (min-width: 35em) { }
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) { } @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; 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) ")";
} a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}