/*
Theme Name: Academia Buenos Aires
Theme URI:
Description: This theme was built for Academia Buenos Aires Spanish courses and includes the design and business code for Academia Buenos Aires, Bariloche and Uruguay.
Author: Frédéric Kalfon and Andreas Hempfling
Author URI: http://www.academiabuenosaires.com
Version: 1.5.7
Template: genesis
License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/
/*
Import Fonts
--------------------------------------------------------------*/
/**
* Individual fonts for sites typography.
* Please, do not change these settings, unless you know exactly what you're doing!
* Especially not the bulletproof smiley syntax, because this will circumvent a few
* different problems in browsers.
*/
@font-face {
font-family: "Gotham-Book";
src: url("fonts/Gotham-Book.eot");
src: local("☺"),
url("fonts/Gotham-Book.woff") format("woff"),
url("fonts/Gotham-Book.otf") format("opentype"),
url("fonts/Gotham-Book.ttf") format("truetype"),
url("fonts/Gotham-Book.svg") format("svg");
}
@font-face {
font-family: "Gotham-Light";
src: url("fonts/Gotham-Light.eot");
src: local("☺"),
url("fonts/Gotham-Light.woff") format("woff"),
url("fonts/Gotham-Light.otf") format("opentype"),
url("fonts/Gotham-Light.ttf") format("truetype"),
url("fonts/Gotham-Light.svg") format("svg");
}
/* Arial font causes lack of quality in Windows environment,
so we have to comment out here. */
/*
@font-face {
font-family: "Arial";
src: url("fonts/Arial.eot");
src: local("☺"),
url("fonts/Arial.woff") format("woff"),
url("fonts/Arial.otf") format("opentype"),
url("fonts/Arial.ttf") format("truetype"),
url("fonts/Arial.svg") format("svg");
}
*/
/*
02 Defaults
---------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 87.5%; /* 14px base */
}
body.bsas {
/* Background color BSAS */
background: rgb(46, 131, 152);
background: -moz-linear-gradient(90deg, rgb(46, 131, 152) 30%, rgb(141, 201, 213) 70%);
background: -webkit-linear-gradient(90deg, rgb(46, 131, 152) 30%, rgb(141, 201, 213) 70%);
background: -o-linear-gradient(90deg, rgb(46, 131, 152) 30%, rgb(141, 201, 213) 70%);
background: -ms-linear-gradient(90deg, rgb(46, 131, 152) 30%, rgb(141, 201, 213) 70%);
background: linear-gradient(180deg, rgb(46, 131, 152) 30%, rgb(141, 201, 213) 70%);
}
body.bari {
/* Background color BARI */
background: rgb(0, 108, 175);
background: -moz-linear-gradient(90deg, rgb(0, 108, 175) 30%, rgb(126, 186, 230) 70%);
background: -webkit-linear-gradient(90deg, rgb(0, 108, 175) 30%, rgb(126, 186, 230) 70%);
background: -o-linear-gradient(90deg, rgb(0, 108, 175) 30%, rgb(126, 186, 230) 70%);
background: -ms-linear-gradient(90deg, rgb(0, 108, 175) 30%, rgb(126, 186, 230) 70%);
background: linear-gradient(180deg, rgb(0, 108, 175) 30%, rgb(126, 186, 230) 70%);
}
body.uru {
/* Background color URU */
background: rgb(25, 72, 103);
background: -moz-linear-gradient(90deg, rgb(25, 72, 103) 30%, rgb(120, 193, 216) 70%);
background: -webkit-linear-gradient(90deg, rgb(25, 72, 103) 30%, rgb(120, 193, 216) 70%);
background: -o-linear-gradient(90deg, rgb(25, 72, 103) 30%, rgb(120, 193, 216) 70%);
background: -ms-linear-gradient(90deg, rgb(25, 72, 103) 30%, rgb(120, 193, 216) 70%);
background: linear-gradient(180deg, rgb(25, 72, 103) 30%, rgb(120, 193, 216) 70%);
}
/* BSAS specific settings. */
.background-color-1-bsas { background-color: #ECC661; } /* yellow */
.foreground-color-1-bsas { color: #ECC661; } /* yellow */
.border-color-1-bsas { border-color: #ECC661; } /* yellow */
.background-color-2-bsas { background-color: #7A7E80; } /* grey */
.foreground-color-2-bsas { color: #7A7E80; } /* grey */
.background-color-3-bsas { background-color: #44BBC9; } /* blue */
.foreground-color-3-bsas { color: #44BBC9; } /* blue */
/* BARI specific settings. */
.background-color-1-bari { background-color: #3BDA5A; } /* green */
.foreground-color-1-bari { color: #3BDA5A; } /* green */
.border-color-1-bari { border-color: #3BDA5A; } /* green */
.background-color-2-bari { background-color: #7A7E80; } /* grey */
.foreground-color-2-bari { color: #7A7E80; } /* grey */
.background-color-3-bari { background-color: #0095D3; } /* blue */
.foreground-color-3-bari { color: #0095D3; } /* blue */
/* URU specific settings. */
.background-color-1-uru { background-color: #F39331; } /* orange */
.foreground-color-1-uru { color: #F39331; } /* orange */
.border-color-1-uru { border-color: #F39331; } /* orange */
.background-color-2-uru { background-color: #7A7E80; } /* grey */
.foreground-color-2-uru { color: #7A7E80; } /* grey */
.background-color-3-uru { background-color: #2C678F; } /* blue */
.foreground-color-3-uru { color: #2C678F; } /* blue */
/* Global colors, valid for all Academias */
.background-color-submit-btn { background-color: #000000; } /* black */
.foreground-color-submit-btn { color: #ffffff; } /* white */
.standard-submit-button {
background-color: #000000;
color: #ffffff;
/* width: 100%; */
font-family: "Gotham-Book";
font-weight: 500;
font-size: 15px;
text-align: center;
}
body,
input,
select,
textarea,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6,
.footer-widgets-7,
.footer-widgets-8 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a,
a:visited,
button,
input[type="button"],
input[type="submit"],
.btn {
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
::-moz-selection {
background-color: #1e1e1e;
color: #ffffff;
}
::selection {
background-color: #1e1e1e;
color: #ffffff;
}
a img {
border: none;
}
/*
03 Typography
-------------------------------------------------------------------------------------------------------
This section covers font colors, families, size, styles and weight.
This style sheet uses rem values with a pixel fallback.
The rem values are calculated per the examples below:
12 / 16 = 0.75rem
14 / 16 = 0.875rem
16 / 16 = 1rem
18 / 16 = 1.125rem
20 / 16 = 1.25rem
24 / 16 = 1.5rem
30 / 16 = 1.875rem
36 / 16 = 2.25rem
42 / 16 = 2.625rem
48 / 16 = 3rem
Further reading on the use and compatibility of rems:
http://caniuse.com/rem
http://snook.ca/archives/html_and_css/font-size-with-rem
*/
/* 03a - Font Color ----------- */
a:hover,
body,
h2 a,
h2 a:visited,
h4.widgettitle a,
input,
.author,
.date,
.genesis-nav-menu a,
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited,
.post-comments,
#title a,
#title a:hover {
color: #1e1e1e;
}
a,
h2 a:hover,
.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a,
.genesis-nav-menu li li a:hover,
.genesis-nav-menu .current-menu-item a {
/* color: #ff2a00; */ /* default red */
/* color: #9d9897; */ /* darkgrey */
color: rgb(46, 131, 152); /* green - nav menu in footer! */
text-decoration:none;
}
.post-info,
.post-meta,
#description {
color: #636363;
}
blockquote::before,
blockquote p,
input,
select,
textarea {
color: #999;
}
button,
input[type="button"],
input[type="submit"],
.btn,
.genesis-nav-menu .highlight-menu-item a,
.genesis-nav-menu .highlight-menu-item a:hover,
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
}
/* 03b - Font Family ----------- */
body,
input,
textarea,
.author-box h1 {
font-family: 'Arial', arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
#title {
font-family: 'Arial', sans-serif;
}
/* 03c - Font Size ----------- */
#title {
font-size: 28px;
font-size: 1.75rem;
/*
font-size: 42px;
font-size: 2.625rem;
*/
}
h1,
.entry-title,
.entry-title a {
font-size: 28px;
/* font-size: 1.75rem; */
/*
font-size: 36px;
font-size: 2.25rem;
*/
}
blockquote::before {
font-size: 32px;
font-size: 2rem;
}
h2 {
font-size: 30px;
font-size: 1.875rem;
}
h3 {
font-size: 24px;
font-size: 1.5rem;
}
h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
font-size: 20px;
font-size: 1.25rem;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
}
h6,
.author-box h1,
.sidebar h2 a {
font-size: 16px;
font-size: 1rem;
}
input,
select,
textarea,
.genesis-nav-menu,
.post-info,
.post-meta,
.wp-caption,
#footer p {
font-size: 14px;
font-size: 0.875rem;
}
/* 03d - Font Miscellaneous ----------- */
blockquote p {
font-style: italic;
}
cite {
font-style: normal;
}
button,
input[type="button"],
input[type="submit"],
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.entry-title a,
.genesis-nav-menu,
.post-comments,
.post-info .author,
.post-info .date,
.wp-caption,
#footer p,
#title {
font-weight: 600;
}
.wp-caption {
text-align: center;
}
h2 a,
h2 a:visited,
.genesis-nav-menu a,
.navigation li a,
.widgettitle a,
#title a {
text-decoration: none;
}
/* *** Layout ***
--------------------------------------------------------------*/
/* Structure
--------------------------------------------------------------*/
#wrap {
background: #fff;
margin: 0 auto;
max-width: 940px;
padding: 0;
}
#inner {
clear: both;
overflow: hidden;
padding-top: 20px;
padding-top: 1.25rem;
}
/* Sidebar / Content Combinations - CSS Grid 940px
--------------------------------------------------------------*/
/* Secondary sidebar */
/* 280px / 940px */
#sidebar-alt {
width: 29,787234%;
margin-left: 10px;
}
/* Primary sidebar */
/* 180px / 940px */
/*
.sidebar {
width: 19,1489362%;
margin-left: 10px;
}
*/
/* 352px / 928px */
.content-sidebar-sidebar .sidebar,
.sidebar-content-sidebar .sidebar,
.sidebar-sidebar-content .sidebar {
width: 37.931034482%;
}
/* 528px / 928px */
/*
.content-sidebar-sidebar #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content {
width: 56.896551724%;
}
*/
/* 740px / 940px */
/*
.content-sidebar #content,
.sidebar-content #content,
#title-area {
width: 78,7234043%;
}
*/
/* 928px / 1152px */
/*
.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
width: 80.555555555%;
}
*/
/* 940px / 940px */
/*
.content-sidebar #content-sidebar-wrap,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 100%;
}
*/
/*
.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar,
#content,
#content-sidebar-wrap,
#footer .gototop,
#sidebar-alt,
#title-area {
float: left;
}
*/
/*
.content-sidebar-sidebar #sidebar-alt,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
.sidebar-sidebar-content #content-sidebar-wrap,
#footer .creds,
#header .widget-area {
float: right;
}
*/
/* 04c - Header ----------- */
/*
Before header area.
--------------------------------------------------------------*/
.acba-before-header {
width: 940px;
margin-left: auto;
margin-right: auto;
}
.acba-motto-slogan-container {
height: 86px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
float: none;
text-align: center;
display: table;
}
p.widget_tribe_widget_builder_1012 {
text-align: center !important;
}
.acba-before-header-logo-container {
width: 630px;
height: 86px;
float: right;
}
#header-before-nav {
background-color: rgb(238, 198, 98);
width: 150%;
padding-top: 5px;
padding-bottom: 5px;
font-family: 'Arial', arial, serif;
text-transform: uppercase;
color: #333;
display: block;
font-size: 12px;
position: relative;
text-decoration: none;
}
#header-before-nav-img-estrella-and-text-bsas {
width: 210px;
height: 54px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: 10px;
display: left;
}
#header-before-nav-img-estrella-and-text-uru {
width: 210px;
height: 54px;
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 20px;
display: left;
}
#header-before-nav-img-estrella-and-text-bari {
width: 210px;
height: 54px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: 0;
display: left;
}
/*
#header-before-nav ul {
float: left;
width: 100%;
}
*/
/*
#header-before-nav li {
float: left;
list-style-type: none;
}
*/
/*
#header-before-nav li a {
color: #333;
display: block;
font-size: 12px;
padding: 4px 6px 4px;
position: relative;
text-decoration: none;
border-right: 1px solid #ffffff;
}
*/
/*
#header-before-nav li a:hover,
#header-before-nav li a:active,
#header-before-nav .current_page_item a,
#header-before-nav .current-cat a,
#header-before-nav .current-menu-item a {
color: #ffffff;
}
#header-before-nav li li a,
#header-before-nav li li a:link,
#header-before-nav li li a:visited {
background: url(images/bg-light.png);
border: 1px solid #ccc;
border-top-width: 0;
color: #333;
font-size: 12px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
#header-before-nav li li a:hover,
#header-before-nav li li a:active {
color: #ffffff;
}
#header-before-nav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}
#header-before-nav li ul a {
width: 120px;
}
#header-before-nav li ul ul {
margin: -33px 0 0 139px;
}
#header-before-nav li:hover>ul,
#header-before-nav li.sfHover ul {
left: auto;
}
*/
/*
****************************************************
* Header
****************************************************
*/
.header-wide-bar {
position: relative;
height: 30px;
}
.header-wide-bar-menu {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.header-wide-bar-menu-left {
width: 100%;
/* float: left; */
}
.header-wide-bar-menu-right {
width: 100%;
/* float: right; */
}
/* Search input field */
/* Label for search input field. */
label[for="s"] {
height: 30px;
font-family: 'Arial';
font-size: 12px;
color: #000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: center;
line-height: 30px; /* Same as height in case of vertical align. */
/* float: right; */
}
#label-advanced-search {
height: 30px;
font-family: 'Arial';
font-size: 12px;
color: #000;
margin-top: 0;
margin-right: 15px;
margin-bottom: 0;
text-align: center;
line-height: 30px; /* Same as height in case of vertical align. */
float: right;
}
/* Search field */
#s {
/* float: left; */
}
input#s {
width: 70%;
height: 28px;
margin-top: 1px;
margin-right: auto;
margin-bottom: 1px;
margin-left: auto;
padding: 2px;
float: none;
display: table;
text-align: center;
}
.acba-search-button {
background: url("images/search.png") right no-repeat;
background-color: transparent !important;
cursor: pointer;
width: 30px !important;
height: 30px !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
padding-right: 0 !important;
text-indent: -9999em;
float: right;
}
#header {
background: url("estrella-and-text-bsas.png") left no-repeat;
min-height: 140px;
max-height: 140px;
overflow: hidden;
padding-bottom: 32px;
padding-bottom: 2rem;
}
#title {
line-height: 1;
margin: 40px 0 8px;
margin: 2.5rem 0 0.5rem;
}
.header-image #title {
margin: 0;
}
#description {
line-height: 1.25;
}
#header .widget-area {
float: right;
width: 450px;
padding-top:60px;
/*
padding-bottom:30px;
*/
padding-right:10px;
padding-left:10px;
}
.header-full-width #title,
.header-full-width #title a,
.header-full-width #title-area {
width: 100%;
}
.header-image #title,
.header-image #title a,
.header-image #title-area {
display: block;
float: left;
min-height: 120px;
overflow: hidden;
text-indent: -9999px;
width: 50%;
}
.header-image #description {
display: block;
overflow: hidden;
}
/*
Language list styles from WPML output.
--------------------------------------------------------------*/
#header-language-list {
float: none;
margin-right: auto;
margin-left: auto;
display: table;
}
#header-language-list-separator {
height: 30px;
color: rgb(176, 154, 84);
font-size: 10px;
text-align: center;
line-height: 30px; /* Same as height in case of vertical align. */
}
#header-language-list #selected a {
color: #fff;
}
#header-language-list ul {
float: left;
}
#header-language-list li {
float: left;
list-style-type: none;
}
#header-language-list li a {
color: #333;
display: block;
font-size: 12px;
padding: 8px 5px 8px;
position: relative;
text-decoration: none;
/* border-right: 1px solid rgb(176, 154, 84); */
text-transform: uppercase;
}
#header-language-list li a:hover,
#header-language-list li a:active,
#header-language-list .current_page_item a,
#header-language-list .current-cat a,
#header-language-list .current-menu-item a {
color: #fff;
}
#header-language-list li li a,
#header-language-list li li a:link,
#header-language-list li li a:visited {
background: url(images/bg-light.png);
border: 1px solid rgb(176, 154, 84);
border-top-width: 0;
color: #333;
font-size: 12px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
#header-language-list li li a:hover,
#header-language-list li li a:active {
color: #ffffff;
}
#header-language-list li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}
#header-language-list li ul a {
width: 120px;
}
#header-language-list li ul ul {
margin: -33px 0 0 139px;}
#header-language-list li:hover>ul,
#header-language-list li.sfHover ul {
left: auto;
}
/* #header .widget-area { */
/* width: 30.555555555%; */ /* 352px / 1152px */
/* } */
/*
Header area:
Big image (logo) and left nav bar on the right
--------------------------------------------------------------*/
.header-area {
height: 140px;
border-top: 1px solid rgb(46, 131, 152);
}
#header-img-estrella-and-text-bsas,
#header-img-estrella-and-text-bari,
#header-img-estrella-and-text-uru {
width: 402px;
height: 105px;
margin-top: 25px;
margin-right: auto;
margin-bottom: auto;
margin-left: 25px;
float: left;
}
.headernav {
width: 493px;
height: 28px;
font-family: 'Arial', arial, serif;
margin-top: 45px;
margin-right: 0;
margin-bottom: auto;
margin-left: auto;
overflow: hidden;
text-transform: uppercase;
float: right;
}
.headernav .facebook-bsas {
background-image: url('images/bsas/facebook-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .linkedin-bsas {
background-image: url('images/bsas/linkedin-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .instagram-bsas {
background-image: url('images/bsas/instagram-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
/*
.headernav .instagram-white {
background-image: url('images/Instagram_white.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
*/
.headernav .instagram-white-bari {
background-image: url('images/bari/Instagram_white_bari.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .tiktok-white-bsas {
background-image: url('images/bsas/TikTok_white_bsas.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .tiktok-white-bari {
background-image: url('images/bari/TikTok_white_bari.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .tiktok-white-uru {
background-image: url('images/uru/TikTok_white_uru.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .google-plus-bsas {
background-image: url('images/bsas/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .instagram-bsas {
background-image: url('images/bsas/instagram-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .youtube-bsas {
background-image: url('images/bsas/youtube-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .pinterest-bsas {
background-image: url('images/bsas/pinterest-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .facebook-bari {
background-image: url('images/bari/facebook-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .linkedin-bari {
background-image: url('images/bari/linkedin-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .google-plus-bari {
background-image: url('images/bari/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .youtube-bari {
background-image: url('images/bari/youtube-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .pinterest-bari {
background-image: url('images/bari/pinterest-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .facebook-uru {
background-image: url('images/uru/facebook-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .linkedin-uru {
background-image: url('images/uru/linkedin-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .google-plus-uru {
background-image: url('images/uru/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .instagram-uru {
background-image: url('images/uru/instagram-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .youtube-uru {
background-image: url('images/uru/youtube-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav .pinterest-uru {
background-image: url('images/uru/pinterest-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.headernav ul {
float: right;
width: auto; /* for zero space at the right */
}
.headernav li {
float: left;
list-style-type: none;
}
.headernav li a {
color: #333;
display: block;
font-size: 12px;
padding: 8px 5px 8px;
position: relative;
text-decoration: none;
border-right: 1px solid #ffffff;
}
.headernav li a:hover,
.headernav li a:active,
.headernav .current_page_item a,
.headernav .current-cat a,
.headernav .current-menu-item a {
color: #ffffff;
}
.headernav li li a,
.headernav li li a:link,
.headernav li li a:visited {
background: url(images/bg-light.png);
border: 1px solid #ccc;
border-top-width: 0;
color: #333;
font-size: 12px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
.headernav li li a:hover,
.headernav li li a:active {
color: #ffffff;
}
.headernav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}
.headernav li ul a {
width: 120px;
}
.headernav li ul ul {
margin: -33px 0 0 139px;
}
.headernav li:hover>ul,
.headernav li.sfHover ul {
left: auto;
}
.headernav li:last-child {
margin-right: -1px;
padding-right: 0;
}
/* 04d - Main Content ----------- */
#content {
padding-bottom: 40px;
padding-bottom: 2.5rem;
margin-right: 10px;
margin-left: 10px;
}
.entry,
.page .post.entry {
margin-bottom: 20px; /* former 80px */
margin-bottom: 1.25rem;
}
.single .entry {
margin-bottom: 48px;
margin-bottom: 3rem;
}
.page .entry {
margin-right: 10px;
margin-left: 10px;
}
.entry-content {
overflow: hidden;
}
.entry-content,
.entry-content p {
/* line-height: 1.625; */
line-height: 1.4;
}
.entry-content p {
margin-bottom: 26px;
margin-bottom: 1.625rem;
padding-top: 0;
padding-bottom: 0;
/* float: right; */
margin-right: 10px;
/*margin-left: 10px;*/
}
blockquote {
padding: 24px 64px;
padding: 1.5rem 4rem;
}
blockquote::before {
content: "“";
display: block;
height: 0;
left: -20px;
position: relative;
top: -10px;
}
/* 04e - Post Info & Meta ----------- */
.post-info,
.post-meta {
clear: both;
line-height: 1.5;
}
.post-info {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.post-comments {
background: url(images/post-comments.png) no-repeat center left;
margin-left: 16px;
margin-left: 1rem;
padding-left: 20px;
padding-left: 1.25rem;
}
.post-meta {
border-top: 1px solid #ccc;
padding-top: 24px;
padding-top: 1.5rem;
}
.categories,
.tags {
display: block;
}
/* 04f - Column Classes ----------- */
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 4.166666666%; /* 48px / 1152px */
}
.one-half,
.three-sixths,
.two-fourths {
width: 47.9166666666%; /* 552px / 1152px */
}
.one-third,
.two-sixths {
width: 30.555555555%; /* 352px / 1152px */
}
.four-sixths,
.two-thirds {
width: 65.277777777%; /* 752px / 1152px */
}
.one-fourth {
width: 21.875%; /* 252px / 1152px */
}
.three-fourths {
width: 73.958333333%; /* 852px / 1152px */
}
.one-fifth {
width: 16.666666666%; /* 192px / 1152px */
}
.two-fifths {
width: 37.5%; /* 432px / 1152px */
}
.three-fifths {
width: 58.333333333%; /* 672px / 1152px */
}
.four-fifths {
width: 79.166666666%; /* 912px / 1152px */
}
.one-sixth {
width: 13.194444444%; /* 152px / 1152px */
}
.five-sixths {
width: 82.638888888%; /* 952px / 1152px */
}
.first {
margin-left: 0;
}
/* 04g - Miscellaneous ----------- */
p.subscribe-to-comments {
padding: 24px 0 16px;
padding: 1.5rem 0 1rem;
}
p.pages,
.clear,
.clear-line,
.first {
clear: both;
}
.clear-line {
border-bottom: 1px solid #ccc;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
.alignleft,
.archive-page {
float: left;
}
.alignright {
float: right;
}
.archive-page {
width: 50%;
}
.author-box,
.sticky {
margin-bottom: 80px;
margin-bottom: 5rem;
}
.author-box,
.author-box h1,
.taxonomy-description {
line-height: 1.5;
}
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description {
background-color: #fff;
font-size: 13px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
}
/*
05 Menus
---------------------------------------------------------------------------------------------------- */
/*
.genesis-nav-menu {
clear: both;
overflow: hidden;
}
#header .genesis-nav-menu {
float: right;
margin-top: 48px;
margin-top: 3rem;
width: auto;
}
.genesis-nav-menu.menu-primary,
.genesis-nav-menu.menu-secondary {
border-bottom: 1px solid #ccc;
}
.genesis-nav-menu ul {
float: left;
width: 100%;
}
.genesis-nav-menu li {
display: inline-block;
float: left;
list-style-type: none;
text-align: left;
}
.genesis-nav-menu a {
display: block;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
position: relative;
}
.genesis-nav-menu li.highlight-menu-item {
margin-left: 20px;
margin-left: 1.25rem;
}
.genesis-nav-menu .highlight-menu-item a {
background-color: #1e1e1e;
}
.genesis-nav-menu .highlight-menu-item a:hover {
background-color: #ff2a00;
}
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
padding: 20px;
padding: 1.25rem;
position: relative;
width: 170px;
}
.genesis-nav-menu li ul {
left: -9999px;
position: absolute;
width: 212px;
z-index: 99;
}
.genesis-nav-menu li ul ul {
margin: -55px 0 0 211px;
}
.genesis-nav-menu li:hover ul ul,
.genesis-nav-menu li.sfHover ul ul {
left: -9999px;
}
.genesis-nav-menu li:hover,
.genesis-nav-menu li.sfHover {
position: static;
}
ul.genesis-nav-menu li:hover>ul,
ul.genesis-nav-menu li.sfHover ul,
#header .genesis-nav-menu li:hover>ul,
#header .genesis-nav-menu li.sfHover ul {
left: auto;
}
.genesis-nav-menu li a .sf-sub-indicator,
.genesis-nav-menu li li a .sf-sub-indicator,
.genesis-nav-menu li li li a .sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}
#wpadminbar li:hover ul ul {
left: 0;
}
*/
/* 05a - Primary Navigation Extras ----------- */
/*
.genesis-nav-menu li.right {
float: right;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
}
.genesis-nav-menu li.right a {
display: inline;
padding: 0;
}
.genesis-nav-menu li.search {
padding: 6px 0 0;
padding: 0.375rem 0 0;
}
.genesis-nav-menu li.rss a {
background: url(images/rss.png) no-repeat center left;
margin-left: 20px;
margin-left: 1.25rem;
padding-left: 20px;
padding-left: 1.25rem;
}
.genesis-nav-menu li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
padding-left: 24px;
padding-left: 1.5rem;
}
*/
/* Primary Navigation
------------------------------------------------------------ */
#nav {
background-color: #fff;
/* background: url(images/bg-dark.png); */
/* border-left: 1px solid #97bad1; */
/* border-right: 1px solid #97bad1; */
clear: both;
color: #45657d;
font-family: 'Arial', arial, serif;
margin: 0 auto;
overflow: hidden;
/* width: 940px; */
width: 100%;
}
#nav ul {
border-top: 1px solid #97bad1;
float: left;
width: 100%;
}
#nav li {
float: left;
list-style-type: none;
}
#nav li a {
color: #000000;
display: block;
font-size: 16px;
padding: 8px 7px 8px;
position: relative;
text-decoration: none;
font-weight: normal;
border: none;
/* border-right: 1px solid #d5d5d5; */
}
/* Prevent border at last element.
* This will keep the first li from having a border.
*/
#nav li + li {
border-left: 1px solid #d5d5d5;
}
/* This is realized in an Academia specific css file. */
/*#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item a {
color: #000000;
background-color: #ECC661;
}
*/
.genesis-nav-menu li.current_page_item a {
color: #ffffff;
}
.genesis-nav-menu li.current_page_parent a {
color: #ffffff;
}
.genesis-nav-menu li.current_page_ancestor a {
color: #ffffff;
}
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background: url(images/bg-dark.png);
border: 1px solid #444;
border-top-width: 0;
color: #ffffff;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
#nav li li a:hover,
#nav li li a:active {
color: #0094d2;
}
#nav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}
#nav li ul a {
width: 120px;
}
#nav li ul ul {
margin: -33px 0 0 139px;
}
#nav li:hover>ul,
#nav li.sfHover ul {
left: auto;
}
/* Primary Navigation Extras
------------------------------------------------------------ */
#nav li.right {
float: right;
font-size: 14px;
padding: 9px 15px;
}
#nav li.right a {
background: none;
border: none;
color: #fff;
display: inline;
text-decoration: none;
}
#nav li.right a:hover {
color: #0094d2;
text-decoration: none;
}
#nav li.search {
padding: 0 10px;
}
#nav li.rss a {
background: url(images/rss.png) no-repeat center left;
margin: 0 0 0 20px;
padding: 7px 0 5px 18px;
}
#nav li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
padding: 7px 0 5px 20px;
}
/* Secondary Navigation
------------------------------------------------------------ */
/* This is realized in an Academia specific css file. */
/*#subnav {
clear: both;
font-family: 'Arial', arial, serif;
margin: 0 auto;
overflow: hidden;
background-color: #ECC661;
width: 940px;
}
*/
#subnav ul {
float: left;
width: 100%;
}
#subnav li {
float: left;
list-style-type: none;
}
#subnav li a {
color: #333;
display: block;
font-size: 14px;
padding: 8px 15px 8px;
position: relative;
text-decoration: none;
}
#subnav li a:hover,
#subnav li a:active,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item a {
color: #ffffff; /* Affects selected item in subnav menu !!!! */
font-weight: 500;
}
#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
background: url(images/bg-light.png);
border: 1px solid #ccc;
border-top-width: 0;
color: #333;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
#subnav li li a:hover,
#subnav li li a:active {
color: #fff;
}
#subnav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}
#subnav li ul a {
width: 120px;
}
#subnav li ul ul {
margin: -33px 0 0 139px;
}
#subnav li:hover>ul,
#subnav li.sfHover ul {
left: auto;
}
/*
06 Headings
---------------------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a {
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.author-box h1 {
margin: 0
}
.taxonomy-description h1 {
margin-bottom: 4px;
margin-bottom: 0.25rem;
}
.archive-title {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
/*
07 Lists
---------------------------------------------------------------------------------------------------- */
.entry-content ol,
.entry-content ul {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
.entry-content ol li,
.entry-content ul li {
line-height: 1.625;
}
.entry-content ol li,
.entry-content ul li {
margin-left: 40px;
margin-left: 2.5rem;
}
.entry-content ol li {
list-style-type: decimal;
}
.entry-content ul li {
list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
/*
08 Post Navigation
---------------------------------------------------------------------------------------------------- */
.navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #1e1e1e;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #7A7E80; /* Academia grey as default. */
}
/*
09 Comments
---------------------------------------------------------------------------------------------------- */
#comments,
#respond {
line-height: 1.5;
overflow: hidden;
}
.ping-list,
#comments {
margin-bottom: 48px;
margin-bottom: 3rem;
}
#author,
#email,
#url {
width: 50%;
}
.commentmetadata,
#author,
#email,
#url {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
#comment {
margin: 12px 0;
margin: 0.75rem 0;
}
label {
margin-left: 12px;
margin-left: 0.75rem;
}
.comment-list li,
.ping-list li {
list-style-type: none;
margin-top: 24px;
margin-top: 1.5rem;
padding: 32px;
padding: 2rem;
}
.comment-list li ul li {
margin-right: -32px;
margin-right: -2rem;
}
.comment-header {
overflow: hidden;
}
.comment {
background-color: #f5f5f5;
border: 2px solid #fff;
border-right: none;
}
.comment-content p {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.bypostauthor {
}
#comments .navigation {
margin-top: 32px;
margin-top: 2rem;
}
/*
Sidebars
--------------------------------------------------------------*/
.sidebar {
/* display: inline; */
display: none;
line-height: 1.5;
}
.sidebar p {
margin-bottom: 16px;
margin-bottom: 1rem;
}
.sidebar .widget {
/* border-bottom: 1px solid #ccc; */
margin-bottom: 32px;
margin-bottom: 2rem;
padding-bottom: 32px;
padding-bottom: 2rem;
overflow: hidden;
}
.sidebar.widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}
/*
****************************************************
* Footer
****************************************************
*/
#footer {
background-color: #000;
/*
opacity: 1;
background-color: rgba(0,0,0,0.6);
*/
clear: both;
}
#footer .wrap {
overflow: hidden;
/*
padding: 48px 0;
padding: 3rem 0;
*/
}
#footer .creds {
text-align: right;
}
#footer .creds,
#footer .gototop {
margin: 8px 0;
margin: 0.5rem 0;
}
/* Footer links bar */
.footer-bar-links {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
float: none;
background-color: #ffffff;
}
#footer-txt-our-school-bsas {
color: rgb(0, 172, 193);
font-family: "Gotham-Light";
font-weight: 200;
margin-left: 10px;
float: left;
}
#footer-txt-our-school-bari {
color: rgb(29, 138, 186);
font-family: "Gotham-Light";
font-weight: 200;
margin-left: 10px;
float: left;
}
#footer-txt-our-school-uru {
color: rgb(55, 99, 131);
font-family: "Gotham-Light";
font-weight: 200;
margin-left: 10px;
float: left;
}
#footer-txt-recognized-by-bsas {
color: rgb(0, 172, 193);
font-family: "Gotham-Book";
font-weight: 500;
float: left;
}
#footer-txt-recognized-by-bari {
color: rgb(29, 138, 186);
font-family: "Gotham-Book";
font-weight: 500;
float: left;
}
#footer-txt-recognized-by-uru {
color: rgb(55, 99, 131);
font-family: "Gotham-Book";
font-weight: 500;
float: left;
}
#footer-txt-recommended-by-bsas {
color: rgb(0, 172, 193);
font-family: "Gotham-Book";
font-weight: 500;
margin-right: 45px;
float: right;
}
#footer-txt-recommended-by-bari {
color: rgb(29, 138, 186);
font-family: "Gotham-Book";
font-weight: 500;
margin-right: 45px;
float: right;
}
#footer-txt-recommended-by-uru {
color: rgb(55, 99, 131);
font-family: "Gotham-Book";
font-weight: 500;
margin-right: 45px;
float: right;
}
#alto-logo-image {
width: 125px;
height: 41px;
margin-right: 10px;
}
#cervantes-logo-image {
width: 113px;
height: 94px;
margin-left: 10px;
margin-right: 10px;
}
#rtr-logo-image {
width: 150px;
height: 77px;
margin-right: 10px;
}
#rtr-logo-image-bari {
width: 150px;
height: 77px;
margin-right: 10px;
margin-left: 10px;
}
#sea-logo-image {
width: 125px;
height: 51px;
margin-right: 10px;
margin-bottom: 31px;
}
#ele-logo-image {
width: 67px;
height: 30px;
margin-right: 10px;
margin-bottom: 45px;
}
#cat-logo-image {
width: 125px;
height: 31px;
margin-right: 10px;
margin-left: -132px;
}
#mec-logo-image {
width: 119px;
height: 52px;
margin-right: 10px;
margin-left: -150px;
}
#tandem-logo-image {
width: 150px;
height: 81px;
margin-right: 10px;
}
#tandem-quality-logo-image {
width: 80px;
height: 86px;
margin-right: 15px;
}
#instituto-cervantes-logo-image {
width: 143px;
height: 125px;
margin-right: 15px;
}
#ele-logo-image {
width: 150px;
height: 56px;
margin-right: 15px;
}
#amerigo-logo-image {
width: 155px;
height: 60px;
margin-right: 25px;
}
#lonely-planet-logo-image {
width: 110px;
height: 57px; /* 109px */
margin-bottom: 30px;
}
#footprint-travel-logo-image {
width: 110px;
height: 32px;
margin-top: -30px;
margin-left: -110px;
}
#petitfute-logo-image {
width: 102px;
height: 91px;
margin-right: 10px;
}
#tripadvisor-logo-image {
width: 110px;
height: 110px;
margin-right: 10px;
}
#transparent-bari-dummy-image {
width: 300px;
height: 50px;
margin-left: 10px;
}
#transparent-dummy-image {
width: 920px;
height: 125px;
margin-left: 10px;
}
/*
Footer Widgets
--------------------------------------------------------------*/
.footer-site-map {
width: 940px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
background-color: none !important;
}
#footer-widgets {
clear: both;
margin: 0 auto 10px;
overflow: hidden;
width: 100%;
line-height: 1.5;
/* margin-top: 5px; */
margin-left: 1px;
margin-right: 1px;
/* margin-bottom: 5px; */
padding: 32px 0 16px;
padding: 2rem 0 1rem;
}
#footer-widgets .widget {
background: none;
border: none;
margin: 0 0 15px;
padding: 0;
/*
margin-bottom: 24px;
margin-bottom: 1.5rem;
*/
}
#footer-widgets p {
/* padding: 0 0 10px; */
/*
margin-bottom: 16px;
margin-bottom: 1rem;
*/
}
#footer-widgets ul {
font-size: 11px;
margin: 0;
}
#footer-widgets ul li {
/* letter-spacing: 1px; */
}
.footer-widgets .widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}
.footer-widgets .widget-area h3 {
font-size: 8px;
}
.footer-widgets .widgettitle {
font-size: 12px;
font-weight: 100;
word-spacing: 0.2em;
color: #fff;
}
.footer-widgets .widget-area li a {
font-size: 11px;
font-weight: lighter;
color: rgb(255, 255, 255) transparent;
/* color: rgb(200, 255, 255); */
text-decoration: none;
}
.footer-widgets .widget-area li a:hover,
.footer-widgets .widget-area li a:active {
color: #000;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6,
.footer-widgets-7,
.footer-widgets-8 {
float: left;
margin-left: 12px;
/* font-weight: 600; */
font-size: 11px;
/* display: block; */
}
/*
Footer navigation bar
--------------------------------------------------------------*/
.footer-bar-copyright {
width: 940px;
height: 45px;
margin: 0;
padding: 0;
}
.footer-academia-logo {
overflow: hidden;
float: left;
}
/* def academia logo */
#estrella-and-text-black {
width: 160px;
height: 41px;
margin-right: auto;
margin-left: 2px;
}
.footernav {
height: 28px;
font-family: 'Arial', arial, serif;
font-size: 14px;
font-weight: 500;
margin-left: auto;
margin-right: auto;
overflow: hidden;
float: none;
}
.footernav-about-info-bar {
height: 28px;
font-family: 'Arial', arial, serif;
font-size: 14px;
font-weight: 500;
margin-left: 29px;
margin-right: auto;
overflow: hidden;
float: left;
}
.footernav-social-icons {
height: 28px;
font-family: 'Arial', arial, serif;
font-size: 14px;
font-weight: 500;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
overflow: hidden;
float: none;
display: table;
}
.footernav-social-icons ul {
list-style-type: none;
text-align: center;
margin: 0 auto;
}
.footernav .footernav-separator {
height: 28px;
color: #000;
font-size: 10px;
font-weight: 600;
text-align: center;
line-height: 28px;
}
.footernav .footernav-spacer {
height: 28px;
/* width: 40px; */
width: auto;
background-color: transparent;
text-indent: -9999px;
}
.footernav .facebook-bsas {
background-image: url('images/bsas/facebook-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.footernav .linkedin-bsas {
background-image: url('images/bsas/linkedin-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .google-plus-bsas {
background-image: url('images/bsas/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .instagram-bsas {
background-image: url('images/bsas/instagram-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .tiktok-white-bsas {
background-image: url('images/bsas/TikTok_white_bsas.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.footernav .tiktok-white-bari {
background-image: url('images/bari/TikTok_white_bari.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.footernav .tiktok-white-uru {
background-image: url('images/uru/TikTok_white_uru.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.footernav .google-plus-bsas {
background-image: url('images/bsas/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .youtube-bsas {
background-image: url('images/bsas/youtube-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .pinterest-bsas {
background-image: url('images/bsas/pinterest-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .facebook-bari {
background-image: url('images/bari/facebook-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.footernav .linkedin-bari {
background-image: url('images/bari/linkedin-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .google-plus-bari {
background-image: url('images/bari/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .youtube-bari {
background-image: url('images/bari/youtube-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .pinterest-bari {
background-image: url('images/bari/pinterest-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .facebook-uru {
background-image: url('images/uru/facebook-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.footernav .linkedin-uru {
background-image: url('images/uru/linkedin-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .google-plus-uru {
background-image: url('images/uru/google-plus-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .instagram-uru {
background-image: url('images/uru/instagram-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .youtube-uru {
background-image: url('images/uru/youtube-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav .pinterest-uru {
background-image: url('images/uru/pinterest-30.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
width: 30px;
height: 30px;
border-left: 1px solid transparent;
text-indent: -9999px;
}
.footernav ul {
float: left;
width: 100%;
}
.footernav li {
float: left;
list-style-type: none;
}
.footernav li a {
color: #333;
display: block;
font-size: 11px;
padding: 8px 5px 8px;
position: relative;
text-decoration: none;
}
/* No link for this. */
#copyright {
color: #333;
display: block;
font-size: 11px;
padding: 8px 5px 8px;
position: relative;
text-decoration: none;
}
.footernav li a:hover,
.footernav li a:active,
.footernav .current_page_item a,
.footernav .current-cat a,
.footernav .current-menu-item a {
color: #ffffff;
}
.footernav li li a,
.footernav li li a:link,
.footernav li li a:visited {
background: url(images/bg-light.png);
border: 1px solid #ccc;
border-top-width: 0;
color: #333;
font-size: 12px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
.footernav li li a:hover,
.footernav li li a:active {
color: #ffffff;
}
.footernav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}
.footernav li ul a {
width: 120px;
}
.footernav li ul ul {
margin: -33px 0 0 139px;
}
.footernav li:hover>ul,
.footernav li.sfHover ul {
left: auto;
}
/*
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
*/
.wrap,
#footer .creds,
#footer .gototop,
/* #header .widget-area, */
#inner,
#title-area,
#wrap .sidebar,
#wrap #content,
#wrap #content-sidebar-wrap,
#wrap #sidebar-alt {
width: 100%;
}
.genesis-nav-menu li,
#footer .creds,
#footer .gototop,
#header ul.genesis-nav-menu,
#header .search-form {
float: none;
}
.genesis-nav-menu,
#description,
#footer .creds,
#footer .gototop,
#header .search-form,
#title,
#title-area {
text-align: center;
}
.genesis-nav-menu a {
padding: 20px 16px;
padding: 1.25rem 1rem;
}
#title {
margin: 16px 0;
margin: 1rem 0;
}
#header .search-form {
margin: 32px auto 0;
margin: 2rem auto 0;
width: 50%;
}
.genesis-nav-menu li.right {
display: none;
}
/*
#footer .wrap {
padding: 24px 0;
padding: 1.5rem 0;
background: #ffffff;
}
*/
.footer-widgets-1,
#header .genesis-nav-menu {
margin: 0;
}
/*
.footer-widgets-2,
#header .genesis-nav-menu {
margin: 0;
}
*/
/*
* Clearfix class - This is adapted from HTML5 boilerplate.
*
* 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: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/*
Various and universal stuff.
--------------------------------------------------------------*/
.acba-image-text-widget {
margin-top: 10px;
margin-bottom: 10px;
position: relative;
background-position: center;
background-repeat: no-repeat;
}
/* This is realized in an Academia specific css file. */
/*.acba-weather-forecast-bsas {*/
/*
width: 170px;
height: 340px;
float: left;
margin-top: 10px;
margin-left: 5px;
margin-right: 0;
margin-bottom: 10px;
padding-right: 5px;
padding-left: 2px;
*/
/* width: 170px;
height: 340px;
padding-right: 5px;
border: 3px solid;
border-color: #ECC661;
}
*/
.button-book-now {
width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #ffffff;
}
.button-spanish-test {
width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #ffffff;
}
.facebook-google-maps-container {
/* margin-right: 10px; */
margin-left: 10px;
float: left;
}
.acba-button {
/* background-color: #000000; */
font-family: "Gotham-Book";
font-weight: 500;
font-size: 22px;
color: #ffffff;
text-align: center;
}
.acba-button a {
color: #ffffff;
}
.clear-both {
clear: both;
}
#acba-tab-title {
font-size: 14px;
font-weight: 600;
}
/* This is realized in an Academia specific css file. */
/* selected list item */
/*.acba-list-issel {
background-color: #ECC661;
color: #000;
text-decoration: none;
}
*/
/*
Breadcrumbs
--------------------------------------------------------------*/
#acba-breadcrumbs {
background-color: #ffffff;
font-size: 13px;
margin-top: 20px;
margin-left: 200px;
}
#acba-breadcrumbs ul {
list-style: none;
}
#acba-breadcrumbs li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
#acba-breadcrumbs .separator {
color: #999999;
}
/*
Standard page
--------------------------------------------------------------*/
#standard-sidebar {
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
float: left;
text-align: center;
}
#mobile-standard-sidebar {
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
text-align: center;
display: grid;
justify-content:center;
align-items: center;
}
#standard-title {
font-size: 28px;
font-weight: 600;
}
#standard-content {
width: 100%;
height: auto;
margin-bottom: 0;
padding-bottom: 0;
float: left;
}
/*
Search page
--------------------------------------------------------------*/
#search-sidebar {
width: 180px;
height: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
}
#search-content {
width: 730px;
height: auto;
float: left;
}
/*
Contact
--------------------------------------------------------------*/
#contact-sidebar {
width: 100%;
height: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
}
#mobile-contact-sidebar {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
justify-content:center;
}
#contact-content {
width: 100%;
height: auto;
float: left;
}
/*
Spanish Test (MC)
--------------------------------------------------------------*/
#spanish-test-mc-sidebar {
width: 100%;
height: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
}
#mobile-spanish-test-mc-sidebar {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
justify-content:center;
}
#spanish-test-mc-content {
width: 100%;
height: auto;
float: left;
}
#spanish-test-mc-form {
/* width: 420px; */
width: 100%;
}
table.spanish-test-mc-form-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: auto;
}
table.spanish-test-mc-qa-form-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: auto;
}
/*
Spanish Test (PT)
--------------------------------------------------------------*/
#spanish-test-pt-sidebar {
width: 180px;
height: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
}
#spanish-test-pt-content {
width: 730px;
height: auto;
float: left;
}
#spanish-test-pt-form {
/* width: 420px; */
width: 100%;
}
table.spanish-test-pt-form-table {
width: 420px;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
table.spanish-test-pt-qa-form-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: auto;
}
table.mobile-spanish-test-pt-qa-form-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: auto;
margin-left: 5px;
margin-right: 5px;
}
/*
Evaluation questionnaire
--------------------------------------------------------------*/
#eval-quest-sidebar {
width: 180px;
height: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
}
#eval-quest-content {
width: 730px;
height: auto;
float: left;
}
#eval-quest-form {
/* width: 420px; */
width: 100%;
}
table.eval-quest-form-table {
width: 420px;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
table.eval-quest-qa-form-table {
width: 100%;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: auto;
}
/*
Reservation
--------------------------------------------------------------*/
#reservation-sidebar {
width: 100%;
height: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
}
#mobile-reservation-sidebar {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
justify-content:center;
}
#reservation-content {
width: 100%;
height: auto;
float: left;
}
#thanks-for-booking-content {
width: 730px;
height: auto;
float: left;
}
#thanks-for-online-test-content {
width: 730px;
height: auto;
float: left;
}
#thanks-for-placement-test-content {
width: 730px;
height: auto;
float: left;
}
#thanks-for-evaluation-content {
width: 730px;
height: auto;
float: left;
}
.acba-reservation-form-select {
background: url('images/dropdown_arrow.png') no-repeat right #fff;
/* background: transparent; */
/* width: 200px; */
width: 90%;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
height: 39px;
/* overflow: hidden; */
display: inline-block;
-webkit-appearance: none;
}
#reservation-form {
/* width: 420px; */
width: 100%;}
/*
Home (Index Page)
--------------------------------------------------------------*/
.home {
}
.home #sidebar {
display: none;
}
#wide-content {
/* width: 940px; */
width: 100%;
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
/* padding-left: 10px; */
}
#home-first-row-container {
height: 420px;
margin-right: 10px;
margin-left: 10px;
}
.acba-ui-tabs,
#home-tabs {
width: 360px;
height: 420px;
float: left;
margin: 0;
background-color: #ffffff;
}
#mobile-home-tabs {
width: 360px;
/* height: 420px; */
line-height: 0 !important;
height: 0 !important;
float: left;
margin: 0;
background-color: #ffffff;
/* display: none; */
visibility: hidden;
}
#home-reasons {
width: 100%;
height: auto;
float: left;
margin-top: 10px;
margin-right: 10px;
margin-left: 15px;
}
/*
#home-reasons-entry-box {
padding-top: 5px;
margin: 0;
}
*/
#home-reasons-entry-box {
padding-top: 5px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#home-reasons-header {
color: rgb(140, 138, 139);
height: 31px;
font-family: "Gotham-Book";
font-weight: 500;
font-size: 25px; /*22px */
text-align: left;
padding-right: 2px;
/* padding-bottom: 5px; */
}
#home-reasons-thumbnail {
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
width: auto;
height: auto;
float: left;
border: none;
}
#home-reasons-title {
margin-left: 0;
color: #fff;
font-weight: 500;
font-size: 22px; /*20px*/
padding-left: 5px;
width: auto;
}
#home-reasons-description {
margin-left: 0;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 5px;
color: #fff;
font-weight: 200;
font-size: 20px; /*14px*/
height: auto;
width: auto;
}
#home-reasons-background-1 {
background-color: rgb(140, 138, 139);
/* height: 100px; */
height: auto;
width: auto;
}
#home-reasons-background-2 {
background-color: rgb(181, 181, 181);
/* height: 100px; */
height: auto;
width: auto;
}
#home-reasons-background-3 {
background-color: rgb(87, 87, 87);
/* height: 100px; */
height: auto;
width: auto;
}
#home-button-spanish-test {
width: 355px;
float: left;
margin-top: 10px;
}
#home-pricing-container {
width: 180px;
height: 400px;
margin-top: 10px;
float: left;
}
#home-price-calculator {
width: 180px;
height: 350px;
float: left;
}
#home-button-book-now {
width: 180px;
float: left;
margin-top: 10px;
}
#home-txt-img-sprite-header {
color: rgb(140, 138, 139);
font-family: "Gotham-Book";
font-weight: 500;
font-size: 22px;
text-align: left;
margin-left: 10px;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 5px;
}
.sprite-container-dummy {
width: 180px;
height: 345px;
/*background-image: url("images/dummy_sprite_180_345.jpg");*/
background-color: #ffffff;
background-repeat: no-repeat;
}
.sprite-container-default {
width: 180px;
height: 345px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.home-txt-img-sprite-1 {
width: 180px;
height: 345px;
float: left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.home-txt-img-sprite-2,
.home-txt-img-sprite-3,
.home-txt-img-sprite-4 {
width: 180px;
height: 345px;
float: left;
margin-top: 10px;
margin-left: 5px;
margin-right: 0;
margin-bottom: 10px;
}
#home-txt-img-sprite-1 {
width: 180px;
height: 345px;
float: left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 10px;
}
#home-txt-img-sprite-2,
#home-txt-img-sprite-3,
#home-txt-img-sprite-4 {
/*
width: 180px;
height: 345px;
*/
float: left;
margin-top: 10px;
margin-left: 5px;
margin-right: 0;
margin-bottom: 10px;
}
#home-weather-forecast {
width: 170px;
height: 340px;
float: left;
margin-top: 10px;
margin-left: 5px;
margin-right: 0;
margin-bottom: 10px;
padding-right: 5px;
padding-left: 2px;
}
#home-button-join-us {
width: 355px;
float: left;
}
#home-facebook {
float: left;
margin-top: 5px;
/* margin-left: 10px; */
}
#home-google-maps {
float: left;
margin-top: 5px;
margin-right: 0;
margin-left: 5px;
}
#home-facebook-google-maps-header {
font-family: "Gotham-Book";
font-weight: 500;
font-size: 22px;
text-align: left;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 195px;
}
.optgroup { font-size:40px; }
/*
Price calculator
--------------------------------------------------------------*/
.price-calculator {
width: 170px;
height: 327px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
/*background-color: #ECC661;*/
}
#price-calculator-title {
margin-top: 5px;
padding-bottom: 5px;
color: #000000;
font-family: "Gotham-Book";
font-weight: 500;
font-size: 18px; /*20*/
text-align: center;
}
.acba-select-country {
background: url('images/dropdown_arrow.png') no-repeat right #fff;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 9px;
padding-left: 5px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
height: 39px;
/* overflow: hidden; */
display: inline-block;
-webkit-appearance: none;
width: 90%;
}
.acba-price-calculator-select {
background: url('images/dropdown_arrow.png') no-repeat right #fff;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
font-size: 18px; /* former 12px */
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
height: 30px; /* former 36px */
overflow: hidden;
display: inline-block;
-webkit-appearance: none;
}
#price-calculator-button {
width: 100%;
font-family: "Gotham-Book";
font-weight: 500;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
#total-price {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: right;
}
/*
Useful
--------------------------------------------------------------*/
#useful {
}
/*
FAQ
--------------------------------------------------------------*/
/* Category name */
h2.faq-catname {
font-size: 20px;
}
/* Question */
h2.qa-faq-title {
font-size: 17px;
}
.qa-faq-anchor {
font-size: 17px;
}
/* Answer */
.qa-category {
font-size: 14px;
}
/*
Reviews
--------------------------------------------------------------*/
.reviews {
width: 730px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
float: left;
}
#reviews-sidebar {
width: 180px;
margin-left: 10px;
float: left;
}
.reviews-tabs {
width: 730px;
height: auto;
float: left;
padding: 0;
margin-left: 10px;
margin-right: 0;
}
/*
Buenos Aires & Argentina
--------------------------------------------------------------*/
.bsas-argentina {
width: 100%;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
float: left;
}
#bsas-argentina-sidebar {
width: 100%;
margin-left: 10px;
float: left;
}
#bsas-argentina-living-in-bsas-sidebar {
width: 100%;
margin-left: 10px;
float: left;
}
#bsas-argentina-discover-arg-sidebar {
width: 100%;
margin-left: 10px;
float: left;
}
#bsas-argentina-our-recomm-sidebar {
width: 100%;
margin-left: 10px;
float: left;
}
/*
Flexipages plugin theme css
--------------------------------------------------------------*/
/* This is realized in an Academia specific css file. */
/*.flexipages_widget {
width: 172px;
font-size: 12px;
list-style-type: none;
border: 4px solid #ECC661;
}
*/
.flexipages_widget li {
border-bottom: 1px solid #e4e4e4;
list-style-type: none;
}
.flexipages_widget li:last-child {
border:none;
}
.flexipages_widget li a {
color: #000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display:block;
}
/* This is realized in an Academia specific css file. */
/*.flexipages_widget li a:hover,
.flexipages_widget li:hover a,
.flexipages_widget li li a:hover {
background-color: #ECC661;
color: #000;
text-decoration:none;
}
*/
/*
News & Events
--------------------------------------------------------------*/
.news {
}
#news-tabs {
width: 360px;
height: 350px;
float: left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
background-color: #fff;
}
/*
Accommodation
--------------------------------------------------------------*/
.accommodation {
width: 100%;
/* margin-right: 10px; */
margin-left: 10px;
margin-bottom: 10px;
float: left;
}
#accommodation-breadcrumb .breadcrumb {
padding-left: 10px;
}
#accommodation-sidebar {
width: auto;
margin-left: 10px;
float: left;
}
#accommodation-title {
font-size: 28px;
font-weight: bold;
color: #000000;
width: auto;
}
#accommodation-subtitle {
font-size: 18px;
font-weight: bold;
color: #000000;
width: auto;
}
#accommodation-img {
width: auto;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
border: none;
float: left;
}
#accommodation-description {
/*font-size: 14px;*/
font-weight: normal;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #000000;
width: auto;
height: auto;
}
#accommodation-prices {
width: auto;
height: auto;
font-weight: bold;
font-size: 14px;
color: #000000;
float: left;
}
/* This is realized in an Academia specific css file. */
/*#accommodation-special {
width: 310px;
height: auto;
margin-right: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
font-weight: bold;
font-size: 14px;
background-color: #ECC661;
color: #000000;
float: right;
}
*/
/*
Levels
--------------------------------------------------------------*/
.levels {
width: 100%;
height: auto;
float: left;
margin-left: 10px;
}
#levels-sidebar {
width: 100%;
margin-right: 10px;
margin-left: 10px;
float: none;
}
#levels-breadcrumb .breadcrumb {
padding-left: 15px;
}
/* This is realized in an Academia specific css file. */
/*.acba-levels-list {
width: 172px;
font-size: 12px;
list-style-type: none;
border: 4px solid #ECC661;
}
*/
.acba-levels-list li {
border-bottom: 1px solid #e4e4e4;
}
.acba-levels-list li:last-child {
border:none;
}
.acba-levels-list li a {
color: #000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display:block;
}
.acba-mobile-levels-list li {
border-bottom: 1px solid #e4e4e4;
}
.acba-mobile-levels-list li:last-child {
border:none;
}
.acba-mobile-levels-list li a {
color: #000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display:block;
}
/* This is realized in an Academia specific css file. */
/*.acba-levels-list li a:hover,
.acba-levels-list li:hover a,
.acba-levels-list li li a:hover {
background-color: #ECC661;
color: #000;
text-decoration:none;
}
*/
/* This is realized in an Academia specific css file. */
/* selected list item */
/*.acba-levels-list-issel {
background-color: #ECC661;
color: #000;
text-decoration:none;
}
*/
/* Levels pod styles */
#levels-title {
padding-left: 0;
background-color: rgb(255, 255, 255);
}
#levels-description {
font-size: 14px;
padding-top: 5px;
padding-bottom: 35px;
}
.levels-common-title {
font-size: 28px;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
margin-bottom: 0;
color: #000;
}
/*
Courses
--------------------------------------------------------------*/
.courses {
}
#courses-sidebar {
width: auto;
margin-left: 10px;
float: left;
}
#mobile-courses-sidebar {
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
text-align: center;
display: grid;
justify-content:center;
align-items: center;
}
#courses-breadcrumb .breadcrumb {
padding-left: 15px;
}
/* This is realized in an Academia specific css file. */
/*.acba-courses-list {
width: 172px;
font-size: 12px;
list-style-type: none;
border: 4px solid #ECC661;
}
*/
.acba-courses-list li {
border-bottom: 1px solid #e4e4e4;
}
.acba-courses-list li:last-child {
border:none;
}
.acba-courses-list li a {
color: #000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display:block;
}
.acba-mobile-courses-list li {
border-bottom: 1px solid #e4e4e4;
}
.acba-mobile-courses-list li:last-child {
border:none;
}
.acba-mobile-courses-list li a {
color: #000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display:block;
}
/* This is realized in an Academia specific css file. */
/*.acba-courses-list li a:hover,
.acba-courses-list li:hover a,
.acba-courses-list li li a:hover {
background-color: #ECC661;
color: #000;
text-decoration:none;
}
*/
/* This is realized in an Academia specific css file. */
/* selected list item */
/*.acba-courses-list-issel {
background-color: #ECC661;
color: #000;
text-decoration:none;
}
*/
/* Courses pod styles */
.courses-left-col {
width: auto;
margin-left: 10px;
float: left;
}
.mobile-courses-left-col {
width: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
display: grid;
justify-content:center;
align-items: center;
}
.container-mobile-courses-button-further-info {
width: auto;
display: flex;
justify-content:center;
align-items: center;
}
.courses-right-col {
width: auto;
margin-left: 10px;
float: left;
}
.mobile-courses-right-col {
width: auto;
margin-left: 10px;
margin-right: 10px;
float: left;
display: grid;
justify-content:center;
align-items: center;
}
.courses-common-title {
font-size: 28px;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
margin-bottom: 0;
color: #000;
}
#courses-specification-title {
background-color: rgb(255, 248, 224);
}
#courses-specification {
font-size: 14px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-top: 0;
margin-bottom: 10px;
background-color: rgb(255, 248, 224);
color: #000;
}
#courses-schedule-title {
background-color: rgb(229, 229, 229);
}
.courses-schedule-label {
font-size: 14px;
font-weight: bold;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 2px;
padding-right: 10px;
background-color: rgb(229, 229, 229);
}
.courses-schedule-text {
font-size: 14px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-bottom: 1px solid #fff;
background-color: rgb(229, 229, 229);
}
#button-contact-further-info {
width: 100%;
height: auto;
float: none;
margin-top: 10px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #ffffff;
}
#courses-img {
width: auto;
}
#courses-description-title {
padding-left: 0;
background-color: rgb(255, 255, 255);
width: auto;
}
#courses-description {
font-size: 14px;
padding-top: 5px;
padding-bottom: 35px;
width: auto;
}
#courses-extra-info {
font-size: 12px;
padding-top: 35px;
border-top: 1px dashed rgb(93, 93, 93);
color: rgb(93, 93, 93);
width: auto;
}
/*
12 Forms & Buttons
---------------------------------------------------------------------------------------------------- */
.form-error {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
padding: 5px 9px;
border: 1px solid red;
border-radius: 3px;
width: 420px;
background-color: red;
color: white;
}
/*
ul.form-error {
list-style-type: disc;
padding: 0px;
margin: 0px;
}
*/
.form-success {
margin-top: 10px;
margin-bottom: 20px;
padding: 5px 9px;
border: 1px solid green;
color: green;
border-radius: 3px;
width: 400px;
}
/*
Error messages in forms.
--------------------------------------------------------------*/
.err-messages ul li {
list-style-type: disc;
}
input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
padding: 16px;
padding: 1rem;
margin-top: 3px;
margin-bottom: 3px;
width: 90%;
}
.acba-input,
.acba-select,
.acba-textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
padding: 10px;
/* padding: 1rem; */
margin-top: 3px;
margin-bottom: 3px;
width: 90%;
}
input[type="checkbox"] {
/* display: inline; */
/* background-color: #fff; */
border-style: none;
border-radius: none;
box-shadow: none;
padding: 16px;
padding: 1rem;
margin-top: 3px;
margin-bottom: 3px;
width: 10%;
}
input[type="radio"] {
/* display: inline; */
border-style: none;
border-radius: none;
box-shadow: none;
padding: 16px;
padding: 1rem;
margin-top: 3px;
margin-bottom: 3px;
width: 20px; /*Space between radio button and text.*/
}
/* For asterisk or anything else... */
.required {
color: red;
}
input[type="text"] {
width: 90%;
padding: 10px;
}
.acba-input-spanish-test-pt {
height: 25px;
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
}
table.reservation-form-table {
width: auto;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
table.reservation-form-table td {
width: 90%;
}
table.price-calculation-table {
width: auto;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
/* border: 1px solid black; */
}
table.price-calculation-table td {
width: 90%;
}
/* Thanks for booking. (tfb) */
table.tfb-price-calculation-table {
width: 420px;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
/* Thank you for participating in our online spanish test. (tfp) */
table.tfp-spanish-test-table {
width: 420px;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
/* Thank you for participating in our spanish placement test. (tfp) */
table.tfp-spanish-placement-test-table {
width: 620px;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
/* Thank you for participating in our evaluation questionnaire. (tfp) */
table.tfp-eval-quest-table {
width: 620px;
border-collapse: separate;
border-spacing: 10px 5px; /* Horizontal and vertical distance between tablecells. */
table-layout: fixed;
}
hr.reservation-form-table {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.form_field_block_left_single {
display: block;
/* background-color: rgb(200, 200, 200); */
width: 90%;
float: left;
padding: 10px;
}
.form_field_block_left_double {
display: block;
/* background-color: rgb(200, 200, 200); */
width: 90%;
float: left;
padding: 10px;
}
#header .search-form {
float: right;
margin-top: 56px;
margin-top: 3.5rem;
width: 100%;
}
button,
input[type="button"],
input[type="submit"],
.btn {
border: none;
box-shadow: none;
cursor: pointer;
padding: 16px 24px;
padding: 1rem 1.5rem;
width: auto;
}
button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
background-color: #7A7E80; /* Grey tone */
}
.enews input[type="submit"],
.search-form input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* 12a - Gravity Forms ----------- */
#content div.gform_wrapper input,
#content div.gform_wrapper select,
#content div.gform_wrapper textarea,
#content div.gform_wrapper .ginput_complex label {
font-size: 16px;
font-size: 1rem;
padding: 16px;
padding: 1rem;
}
#content div.gform_wrapper input[type="submit"] {
padding: 16px 24px;
padding: 1rem 1.5rem;
}
#content div.gform_wrapper .ginput_complex label {
padding: 0;
}
div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
margin: 1rem 0 0;
}
/*
13 Images & Captions
---------------------------------------------------------------------------------------------------- */
embed,
img,
object,
video {
max-width: 100%;
}
img {
width: auto;
height: auto;
border: none;
}
.alignleft .avatar {
margin-right: 24px;
margin-right: 1.5rem;
}
.alignright .avatar {
margin-left: 24px;
margin-left: 1.5rem;
}
.author-box .avatar {
float: left;
margin-right: 24px;
margin-right: 1.5rem
}
.comment-list li .avatar {
float: left;
margin: 0 16px 24px 0;
margin: 0 1rem 1.5rem 0;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.5rem
}
img.alignnone {
display: inline;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
img.alignleft,
.post-image,
.wp-caption.alignleft {
display: inline;
margin: 0 24px 24px 0;
margin: 0 1.5rem 1.5rem 0;
}
img.alignright,
.wp-caption.alignright {
display: inline;
margin: 0 0 24px 24px;
margin: 0 0 1.5rem 1.5rem;
}
p.wp-caption-text {
line-height: 1.2;
margin-top: 12px;
margin-top: 0.75rem;
}
.gallery-caption {
}
/*
* CSS from Genesis Tabs widget.
* Adopted from Genesis Tabs plugin which was copied, included
* and extended into acba theme coding.
*/
.acba-ui-tabs {
clear: both;
overflow: scroll;
}
.acba-ui-tabs-img {
margin: 0;
}
.acba-ui-tabs-post {
background: #ffffff;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: -10px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 0;
padding-left: 0;
font-size: 13px;
}
#acba-ui-tabs-title {
font-size: 14px;
font-weight: bold; /* former 600 */
padding-top: 5px;
}
#acba-ui-tabs-title-with-image {
font-weight: 600;
font-size: 20px;
margin-left: 15px;
}
.acba-ui-tabs-content-with-image {
font-size: 15px;
margin-left: 175px;
}
.acba-ui-tabs-content-without-image {
font-size: 15px;
margin-left: 10px;
}
.acba-post-info-tabs-gathered {
margin-bottom: 0;
}
.acba-ui-tabs .acba-ui-tabs-hide {
display: none;
}
.acba-ui-tabs ul.acba-ui-tabs-nav {
clear: both;
font-size: 12px;
list-style-type: none;
margin: 10px 0 3px 0;
padding: 0;
}
.acba-ui-tabs ul.acba-ui-tabs-nav li {
display: inline;
margin: 0 5px 0 0;
padding: 0;
text-align: center;
}
.acba-ui-tabs ul.acba-ui-tabs-nav li a {
background-color: #ddd;
color: #333;
margin: 0;
padding: 10px 10px 8px 10px;
text-decoration: none;
text-transform: uppercase;
}
.acba-ui-tabs ul.acba-ui-tabs-nav li a:hover,
.acba-ui-tabs ul.acba-ui-tabs-nav li.acba-ui-tabs-selected a {
background-color: #f5f5f5;
color: #333;
}
/* DatePicker Container
--------------------------------------------------------------*/
/* Quick table format workaround for datepicker below. */
table {
border-collapse: collapse;
border-spacing: 0;
}
.ui-datepicker {
width: 216px;
height: auto;
margin: 5px auto 0;
font: 9pt Arial, sans-serif;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
background-color: #ffffff;
}
.ui-datepicker a {
text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
width: 100%;
}
.ui-datepicker-header {
background: url('images/dark_leather.png') repeat 0 0 #000;
color: #e0e0e0;
font-weight: bold;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
text-shadow: 1px -1px 0px #000;
filter: dropshadow(color=#000, offx=1, offy=-1);
line-height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #111;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-image: url('images/arrow.png');
background-repeat: no-repeat;
line-height: 600%;
overflow: hidden;
}
.ui-datepicker-prev {
float: left;
background-position: center -30px;
}
.ui-datepicker-next {
float: right;
background-position: center 0px;
}
.ui-datepicker select.ui-datepicker-month-year {
background-color: #000000;
color: #e0e0e0;
font: 9pt Arial, sans-serif;
font-weight: bold;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
margin: 0;
height: 30px;
line-height: 30px;
text-align: center;
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
background-color: #000000;
color: #e0e0e0;
font: 9pt Arial, sans-serif;
font-weight: bold;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
margin: 0;
height: 30px;
line-height: 30px;
text-align: center;
width: 30%;
}
.ui-datepicker thead {
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
text-transform: uppercase;
font-size: 6pt;
padding: 5px 0;
color: #666666;
text-shadow: 1px 0px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
padding: 0;
border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
border-right: 0px;
}
.ui-datepicker tbody tr {
border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
/* border-bottom: 0px; */
border-bottom: 1px solid #bbb;
}
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
color: #666666;
text-shadow: 1px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
background: #ededed;
background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%);
background: -o-linear-gradient(top, #ededed 0%,#dedede 100%);
background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%);
background: linear-gradient(top, #ededed 0%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
background: #6eafbf;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
color: #e0e0e0;
text-shadow: 0px 1px 0px #4d7a85;
filter: dropshadow(color=#4d7a85, offx=0, offy=1);
border: 1px solid #55838f;
position: relative;
margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
background: #f4f4f4;
color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* Style The Placeholder Text in Input Fields */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #82BEFB;
}
:-moz-placeholder { /* Firefox 18- */
color: #82BEFB;
}
::-moz-placeholder { /* Firefox 19+ */
color: #82BEFB;
opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
color: #82BEFB;
}
/*
**************************************************************
**************************************************************
* Mobile version styles
* like small screen phones, smart phones, ...
* Last updates: 29.07.2023
**************************************************************
**************************************************************
*/
.mobile-footer-nav-link {
display: none;
}
.mobile-footer-nav-link a.mobile-nav-link-button {
font-size: 13px; /* adjust to suit your theme */
padding: 3px 6px; /* adjust to suit your theme */
}
.mobile-footer-nav-link-icon {
font-size: 12px;
}
#mobile-footer-nav-menu {
display: none;
}
/*
****************************************************
* Mobile menu components
****************************************************
*/
#title-area,
.title-area {
max-width: 70%; /* for iOS */ /* you may or may not need this...*/
}
#header .widget_nav_menu,
#nav,
#subnav,
.site-header .widget_nav_menu,
.nav-primary,
.nav-secondary,
nav.nav-header {
display: none;
}
.mobile-footer-nav-link {
display: inline-block;
float: right;
/* line-height: 2; */ /* adjust to suit your theme - Metro needs this */
margin: 8px; /* adjust to suit your theme */
max-width: 30%; /* for iOS */
white-space: nowrap;
}
#mobile-footer-nav-menu {
background: #f8f8f8;
clear: both;
color: #747474;
display: block;
font-size: inherit;
}
#mobile-footer-nav-menu .wrap {
overflow: hidden;
padding: 0;
width: auto;
}
#mobile-footer-nav-menu .mobile-footer-nav-menu-top-link a {
/* line-height: 1.5; */ /* adjust to suit your theme - Metro needs this */
margin: 0;
}
#mobile-footer-nav-menu .mobile-footer-nav-menu-top-link a.button {
border-radius: 0;
display: block;
font-size: inherit; /* adjust to suit your theme */
padding: 12px;
text-align: center;
}
#mobile-footer-nav-menu .widget {
background: none;
border: none;
margin: 0;
padding: 0;
}
#mobile-footer-nav-menu .widget h4 {
display: none;
}
#mobile-footer-nav-menu .widget_nav_menu ul li {
list-style: none;
}
#mobile-footer-nav-menu .widget_nav_menu a {
border-bottom: 1px solid #b2b2b2;
display: block;
/* line-height: 1.5; */ /* adjust to suit your theme - Metro needs this */
padding: 12px 20px;
text-decoration: none;
}
#mobile-footer-nav-menu .widget_nav_menu li ul li a {
padding-left: 40px;
}
#mobile-footer-nav-menu .widget_nav_menu li ul li ul li a {
padding-left: 60px;
}
#mobile-footer-nav-menu .widget_nav_menu li ul li ul li ul li a {
padding-left: 80px;
}
#mobile-footer-nav-menu .current-menu-item a {
background-color: #e7e7e7;
}
#mobile-footer-nav-menu .current-menu-item ul.sub-menu a {
background-color: #fff;
}
/*
* Mobile sticky footer
*
* 18.07.2023
*
*/
.mobile-sticky-footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
/*
* Menu used for mobile versions.
* A simple vertical CSS menu, compatible with all major browsers,
* no images or javascript.
*
* > Used for footer menu components.
*/
.menu_mobile ul {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
clear: both;
}
.menu_mobile ul li a {
text-decoration: none;
color: black;
padding: 10.5px 11px;
background-color: white;
display: block;
border-top: 1px solid #d5d5d5;
text-align: center;
}
.menu_mobile ul li a:visited {
color: black;
background-color: white;
}
.menu_mobile ul li a:hover, .menu_mobile ul li .current {
color: white;
background-color: black;
}
/* Navigation menu */
/*
#nav {
background-color: #fff;
*/
/* background: url(images/bg-dark.png); */
/* border-left: 1px solid #97bad1; */
/* border-right: 1px solid #97bad1; */
/*
clear: both;
color: #45657d;
font-family: 'Arial', arial, serif;
margin: 0 auto;
overflow: hidden;
width: 100%;
}
*/
/*
#nav ul {
border-top: 1px solid #97bad1;
float: none;
width: 100%;
}
#nav li {
border-bottom: 1px solid #d5d5d5;
float: none;
list-style-type: none;
}
*/
/*
#nav li a {
color: #000000;
display: block;
font-size: 16px;
padding: 8px 7px 8px;
position: relative;
text-decoration: none;
font-weight: normal;
border: none;
*/
/* border-right: 1px solid #d5d5d5; */
/* } */
.acba-mobile-default-box {
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Google maps */
.mobile-google-maps-container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#mobile-google-maps {
clear: both;
width: 100%;
padding-top: 5px;
padding-bottom: 2px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
/* Academia logo */
#header-img-estrella-and-text-bsas,
#header-img-estrella-and-text-bari,
#header-img-estrella-and-text-uru {
width: 300px;
height: auto;
margin-top: 25px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
float: none;
display: table;
text-align: center;
}
/* Button Contact */
/*
.contact_menu_mobile {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
*/
.contact_menu_mobile {
width:100%;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.contact_menu_mobile a {
color: black !important;
}
#mobile-home-reasons {
width: 100%;
height: auto;
float: left;
margin-top: 10px;
margin-right: 10px;
}
/* Sticky Buttonbox */
#mobile-sticky-buttonbox {
width:100%;
height: auto;
float: left;
margin-top: 5px;
margin-bottom: 5px;
/* position: fixed; */
/* position: sticky; */
/* -webkit-position: sticky; */
/* bottom: 0; */
/* right: 0; */
display: flex;
justify-content: center;
align-items: center;
/*
background: green;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
*/
}
/* Home: Button Spanish Test */
#mobile-home-button-spanish-test {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Home: Button Contact */
#mobile-home-button-contact {
width:100%;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Home: Button Book Now */
#mobile-home-button-book-now {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Button Contact */
.mobile-button-contact {
width: 80%;
margin-top: 10px;
margin-bottom: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Button Spanish Test (e.g. in Contact) */
.mobile-button-spanish-test {
width: 80%;
margin-top: 10px;
margin-bottom: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Button Book Now */
.mobile-button-book-now {
width: 80%;
margin-top: 10px;
margin-bottom: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Button contact further info */
#mobile-button-contact-further-info {
width: 80%;
margin-top: 10px;
margin-bottom: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.z-40 {
z-index: 40;
}
/************************************/
/*** end of mobile version styles ***/
/************************************/