.col-15 {
width: 15%; }
.col-20 {
width: 20%; }
.col-25 {
width: 25%; }
.col-30 {
width: 30%; }
.col-33 {
width: 33.3%; }
.col-35 {
width: 35%; }
.col-40 {
width: 40%; }
.col-45 {
width: 45%; }
.col-50 {
width: 50%; }
.col-55 {
width: 55.0%; }
.col-60 {
width: 60%; }
.col-65 {
width: 65%; }
.col-70 {
width: 70%; }
.col-75 {
width: 75%; }
.col-80 {
width: 80%; }
.col-85 {
width: 85%; }
.col-100 {
float: none;
clear: both;
width: 100%; }
.col {
float: left; }   *, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
input, textarea, button {
-webkit-appearance: none;
-webkit-border-radius: 0;
color: #444444; }
html, body {
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
font-size: 20px;
-webkit-font-smoothing: antialiased;
color: #444444;
text-align: center;
height: 100%;
font-family: "Apercu Regular", Calibri, sans-serif;
font-size-adjust: 0.508;
font-weight: normal;
font-style: normal;
background-color: whitesmoke; }
h1, h2, h3, h4, h5, h6 {
font-family: "Apercu Regular", Calibri, sans-serif;
font-size-adjust: 0.508;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
font-size: 30px;
text-align: center; }
body {
overflow-y: scroll; }
p {
padding: 0.5em 0; }
img {
max-width: 100%;
display: block; }
h2 {
margin: 25px auto;
text-align: center; }
button {
border: none;
outline: none;
margin: 0;
padding: 0;
cursor: pointer;
background-color: transparent;
font-family: "Apercu Regular", Calibri, sans-serif;
font-size-adjust: 0.508;
font-weight: normal;
font-style: normal;
font-size: 20px; }
.left {
float: left; }
.right {
float: right; }
.clear {
clear: both; }
ul, li {
margin: 0;
padding: 0;
list-style: none; }
a, a:hover, a:visited {
color: #444444;
text-decoration: none;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; } .mobile {
display: none; } .body-wrap {
margin: 0 auto; }
#wrapper {
padding: 25px;
margin: 0 auto;
max-width: 1250px;
position: relative;
margin-bottom: 100px; }
#wrapper:after {
clear: both;
content: '';
display: block; }
#header {
font-size: 20px;
background-color: #fff;
text-align: center; }
#header img {
width: 115px; }
#header ul, #header li {
list-style: none;
padding: 0;
margin: 0; }
#header li {
display: inline-block;
margin: 35px 45px;
margin-bottom: 15px;
position: relative;
vertical-align: middle; }
#header .main-logo-container {
bottom: 18px; }
#header a {
color: #bebebe; }
#header a:hover {
color: #444444; }
#header a.active-nav, #header a.active-nav:visited {
color: #444444; } .home-grid, .home-contact {
margin: 0 auto;
padding: 25px 0; }
.home-grid h2, .home-contact h2 {
margin: 15px auto;
display: inline-block;
border-bottom: 2px solid #444444;
text-align: center; }
.home-grid p, .home-contact p {
padding-bottom: 0;
margin-bottom: 0; }
.home-panel {
margin-top: 50px; }
.home-grid {
max-width: 750px;
overflow: hidden;
text-align: center; }
.home-grid.home-panel a {
overflow: hidden; }
.home-grid.home-panel img {
min-width: 100%;
min-height: 100%;
max-width: none; }
.home-grid.home-panel:after {
content: '';
clear: both;
display: block; }
.home-grid.home-panel .col {
max-width: 400px;
height: 250px;
width: 50%;
text-align: center;
font-size: 35px;
line-height: 250px;
background-color: #fff; }
.home-grid.home-panel .col:hover {
color: #fff;
background: rgba(40, 40, 40, 0.95); }
.home-grid.home-panel .col:hover img {
cursor: default; }
.home-grid.home-clients {
text-align: center; }
.home-grid.home-clients .col {
height: 125px;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d; }
.home-grid.home-clients .col a {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 100%; }
.home-contact {
text-align: center;
margin-bottom: 0;
padding-top: 50px;
background-color: #fff; }
.home-contact * {
text-align: center; } #colophon {
background-color: #fff;
text-align: center;
position: relative;
padding: 25px; }
#colophon a {
text-align: center; }
#colophon img {
max-width: 40px;
margin: 0 auto; } .home-info {
max-width: 36em;
margin: 0 auto;
font-family: 'Roboto Slab', serif;
font-style: normal;
margin-top: 55px;
padding: 0 15px; }
.home-info h1, .home-info h2, .home-info h3 {
font-family: 'Roboto Slab', serif;
font-style: normal;
font-size: 18px;
max-width: 32em; }
.page #wrapper {
margin: 0 auto;
padding: 0; }
.page .page-title {
margin: 70px auto;
line-height: 0;
font-size: 36px; }
.page article {
text-align: center;
line-height: 1.5;
max-width: 36em;
margin: 0 auto;
font-family: 'Roboto Slab', serif;
font-style: normal;
font-size: 18px; }
.page article p a {
text-decoration: underline; }
.page article h2 {
margin: 70px auto;
line-height: 0;
font-size: 36px; }
.page article img {
margin: 0 auto;
text-align: center; }
.page article p:first-of-type {
margin-top: 0;
padding-top: 0; }
.page article p:last-of-type {
margin-bottom: 25px; } .by {
font-size: 11px;
position: absolute;
left: 0;
right: 0;
top: -20px;
opacity: 0.4; } .instagram-logo {
max-width: 24px; } #taxonomy-grid, #related-grid, #loaded-grid {
max-width: 1015px;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 50px;
padding: 0; }
#taxonomy-grid h2, #related-grid h2, #loaded-grid h2 {
position: absolute;
padding: 10px;
background: rgba(255, 255, 255, 0.98);
font-size: 19px;
line-height: 1.3;
min-width: 75%;
margin: 0; }
#taxonomy-grid .col, #related-grid .col, #loaded-grid .col {
height: 240px;
position: relative;
padding: 15px;
padding-bottom: 0;
overflow: hidden;
margin-bottom: 15px; }
#taxonomy-grid .col > a, #related-grid .col > a, #loaded-grid .col > a {
display: block;
height: 100%;
background-color: #fff;
position: relative;
overflow: hidden; }
.page #taxonomy-grid h2 {
height: 30%; }
#taxonomy-grid:after {
content: '';
clear: both;
display: block; }
.tax-locations #taxonomy-grid h2, .tax-clients #taxonomy-grid h2 {
text-align: left;
bottom: 0;
left: 0;
right: 0;
margin: 0; }
.tax-locations #taxonomy-grid h2:hover, .tax-clients #taxonomy-grid h2:hover {
background-color: #282828;
color: #fff; }
.page #taxonomy-grid h2:hover {
background-color: #282828;
color: #444444 !important; }
#taxonomy-grid .col-33, #related-grid .col-33, #loaded-grid .col-33 {
width: 25%;
height: 190px; }
#taxonomy-grid .col-33 h2, #related-grid .col-33 h2, #loaded-grid .col-33 h2 {
font-size: 16px; }
.locations #taxonomy-grid h2, .locations #taxonomy-grid img {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; }
.locations #taxonomy-grid article {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; }
.locations #taxonomy-grid article img {
-webkit-backface-visibility: hidden !important;
min-height: 100%;
min-width: 100%; }
.locations #taxonomy-grid article:hover h2 {
background: rgba(255, 255, 255, 0);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; }
.locations #taxonomy-grid article:hover img {
opacity: 0.33; }
.locations #taxonomy-grid h2 {
text-align: center;
padding: 15px;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } .clients .loaded-tax {
border-bottom: 2px solid #444444; }
.clients .slide-counter-wrapper {
position: relative;
top: -22px;
right: 15px;
font-size: 0;
height: 10px; }
.clients .slideshow-wrapper {
max-width: 950px;
margin: 0 auto;
margin-bottom: 50px;
margin-bottom: 0; }
.clients .slideshow-wrapper .slide {
display: none;
max-width: 100%;
max-height: 100%;
overflow: hidden;
margin: 0 auto;
text-align: center;
display: inline-block; }
.clients .slideshow-wrapper .slide > a {
display: block;
background-color: whitesmoke; }
.clients .slideshow-wrapper .slide img {
max-width: 100%;
margin: 0 auto;
max-height: 100%;
max-height: 500px; }
.clients .slideshow-wrapper .slide, .clients .slideshow-wrapper .slide-video, .clients .slideshow-wrapper .slide-image {
display: none; }
.clients .slideshow-wrapper .slide.slide-active.slide-image {
display: block; }
.clients .slideshow-wrapper .slide.slide-active.slide-video {
display: block; }
.clients .client-list-wrapper {
font-size: 15px;
text-align: left;
max-width: 950px;
margin: 0 auto;
position: relative;
border-top: 2px solid #444444;
border-bottom: 2px solid #444444; }
.clients .client-list-wrapper a {
text-transform: capitalize; }
.clients .client-list-wrapper ul {
padding: 20px 0; }
.clients .client-list-wrapper li {
line-height: 2;
border-bottom: 2px solid transparent; }
.clients .client-list-options {
padding: 20px 0; }
.clients .client-list-options .slide-up {
background: url(//www.absolutesouth.co.uk/wp-content/themes/absolutesouth/assets/images/slide-up.png);
background-repeat: no-repeat; }
.clients .client-list-options .slide-down {
background: url(//www.absolutesouth.co.uk/wp-content/themes/absolutesouth/assets/images/slide-down.png);
background-repeat: no-repeat;
display: none; }
.clients .client-list-options button {
width: 23px;
height: 23px;
position: absolute;
right: 0;
bottom: 20px; }
.clients .client-list-options button.slide-down {
top: 20px; }
.clients .client-list-options .active {
border-bottom: 2px solid #444444; }
.client-list-names {
-moz-column-count: 4;
-moz-column-gap: 25px;
-webkit-column-count: 4;
-webkit-column-gap: 25px;
-webkit-column-width: 25%; -moz-column-width: 25%; column-width: 25%; }
.client-list-names {
display: none; }
.client-list-categories {
display: none; }
.active-tax {
display: block; }
#related-grid, #loaded-grid, #loaded-grid-inner, #taxonomy-grid {
overflow: hidden; }
#related-grid h2, #loaded-grid h2, #loaded-grid-inner h2, #taxonomy-grid h2 {
text-align: left;
left: 0;
right: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#related-grid h2:hover, #loaded-grid h2:hover, #loaded-grid-inner h2:hover, #taxonomy-grid h2:hover {
background-color: #444444;
color: #fff; } .single-location .breadcrumbs, .single-client .breadcrumbs {
font-size: 13px;
margin: 15px auto; }
.single-location .breadcrumbs span, .single-location .breadcrumbs a, .single-client .breadcrumbs span, .single-client .breadcrumbs a {
margin: 0 5px;
vertical-align: middle; }
.single-location .breadcrumbs span.separator, .single-client .breadcrumbs span.separator {
background: url(//www.absolutesouth.co.uk/wp-content/themes/absolutesouth/assets/images/breadcrumb.png);
height: 10px;
width: 6px;
display: inline-block; }
.single-location .breadcrumbs a, .single-client .breadcrumbs a {
display: inline; }
.single-location .breadcrumbs a:nth-of-type(1), .single-client .breadcrumbs a:nth-of-type(1) {
opacity: 0.65; }
.single-location .breadcrumbs a:nth-of-type(1):hover, .single-client .breadcrumbs a:nth-of-type(1):hover {
opacity: 1; }
.single-location .breadcrumbs a:nth-of-type(2), .single-client .breadcrumbs a:nth-of-type(2) {
opacity: 0.5; }
.single-location .breadcrumbs a:nth-of-type(2):hover, .single-client .breadcrumbs a:nth-of-type(2):hover {
opacity: 1; }
.single-location .breadcrumbs a:nth-of-type(3), .single-client .breadcrumbs a:nth-of-type(3) {
opacity: 0.2; }
.single-location .breadcrumbs a:nth-of-type(3):hover, .single-client .breadcrumbs a:nth-of-type(3):hover {
opacity: 1; }
.single-location h2, .single-client h2 {
margin: 0 auto;
margin-top: 45px;
margin-bottom: 25px;
margin-bottom: 0; }
.single-location article, .single-client article {
max-width: 800px;
text-align: center;
margin: 0 auto; }
.slide {
display: block; }
.slide-title {
border: 3px solid green; }
.locations #wrapper, .clients #wrapper, .archive #wrapper, .page #wrapper {
margin: 0 auto;
padding: 15px; }
.slide-counter-wrapper {
float: right; }
.slideshow-wrapper {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
margin: 0 auto;
position: relative; }
.slideshow-wrapper .slide-dot {
width: 10px;
height: 10px;
font-size: 0;
margin-left: 5px;
border-radius: 10px;
display: inline-block;
background-color: #444444;
opacity: 0.5;
cursor: pointer; }
.slideshow-wrapper .slide-dot.active-dot {
opacity: 1; }
.slideshow-wrapper .slide-dot:hover {
opacity: 1; }
.slideshow-wrapper .toggle-information, .slideshow-wrapper .close-information {
display: block;
text-align: center;
margin: 0 auto;
margin: 25px auto;
font-size: 20px;
border-radius: 28px;
border: 2px solid #444444;
height: 28px;
line-height: 20px;
width: 28px;
background-color: transparent;
transition: background-color 0.5s ease-in-out;
-moz-transition: background-color 0.5s ease-in-out;
-webkit-transition: background-color 0.5s ease-in-out;
-ms-transition: background-color 0.5s ease-in-out; }
.slideshow-wrapper .toggle-information.toggle-information-active, .slideshow-wrapper .close-information.toggle-information-active {
background-color: #ffec49; }
.slideshow-wrapper .toggle-information:after, .slideshow-wrapper .close-information:after {
content: 'i';
display: block; }
.slideshow-wrapper .toggle-information:hover, .slideshow-wrapper .close-information:hover {
background-color: #ffec49; }
.slideshow-wrapper .close-information {
position: absolute;
top: 10px;
right: 10px;
margin: 0; }
.slideshow-wrapper .close-information:after {
content: '';
display: none; }
.slideshow-wrapper .slideshow-title {
background-color: #fff;
background-color: transparent;
padding: 10px 0;
text-align: left;
line-height: 1;
font-size: 15px;
margin-top: 25px; }
.slideshow-wrapper .slide-controls {
position: absolute;
height: 36px;
width: 23px;
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; }
.slideshow-wrapper .slide-controls:hover {
opacity: 0.4; }
.slideshow-wrapper .slide-left {
left: -50px;
background: url(//www.absolutesouth.co.uk/wp-content/themes/absolutesouth/assets/images/left-slide-arrow.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: none; }
.slideshow-wrapper .slide-right {
right: -50px;
background: url(//www.absolutesouth.co.uk/wp-content/themes/absolutesouth/assets/images/right-slide-arrow.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.slideshow-wrapper .slideshow-main {
height: 450px;
margin-top: 15px;
position: relative;
text-align: center;
position: relative;
margin-bottom: 15px; }
.slideshow-wrapper .slideshow-main .slide {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
height: 100%; }
.slideshow-wrapper .slideshow-main .slide img {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
max-height: 100%;
max-width: 100%; }
.slideshow-wrapper .slideshow-main .hide {
opacity: 0; }
.slideshow-wrapper .slideshow-main img {
text-align: center;
margin: 0 auto; }
.slideshow-wrapper .slideshow-main .slide {
display: none; }
.slideshow-wrapper .slideshow-main .slide-active.slide {
display: block; }
.slideshow-wrapper .slideshow-slides-inner {
position: relative; }
.slideshow-wrapper .slideshow-footer {
position: relative; }
.slideshow-wrapper .slideshow-footer .slide-controls {
max-width: 15px; }
.slideshow-wrapper .slideshow-footer .slide-controls.slide-left {
left: 0; }
.slideshow-wrapper .slideshow-footer .slide-controls.slide-right {
right: 0; }
.slideshow-wrapper .slideshow-slides {
margin-top: 35px;
white-space: nowrap;
font-size: 0;
overflow: hidden;
max-width: 600px;
margin: 0 auto; }
.slideshow-wrapper .slideshow-slides .slide-active {
border-bottom: 3px solid #ffec49; }
.slideshow-wrapper .slideshow-slides .slide {
display: inline-block;
left: 0;
margin: 0px;
margin-right: 5px;
vertical-align: top;
cursor: pointer;
position: relative;
opacity: 1;
height: 125px;
border-bottom: 3px solid transparent; }
.slideshow-wrapper .slideshow-slides .slide img {
padding-bottom: 10px; }
.slideshow-wrapper .slideshow-slides .slide:hover img {
opacity: 0.9; }
.slideshow-wrapper .slideshow-slides .slide {
border-bottom: 4px solid transparent; }
.slideshow-wrapper .slideshow-slides .slide-active {
border-bottom: 4px solid #ffec49; }
.slideshow-wrapper .slideshow-slides .slide:nth-of-type(1) {
display: inline-block; }
.slideshow-wrapper .slideshow-slides .slide:nth-of-type(2) {
display: inline-block; }
.slideshow-wrapper .slideshow-slides .slide:nth-of-type(3) {
display: inline-block; }
.slideshow-wrapper .slideshow-slides .slide:nth-of-type(4) {
display: inline-block; }
.slideshow-wrapper .slideshow-slides .slide:nth-of-type(5) {
display: inline-block; }
.slideshow-wrapper .slideshow-information-wrapper {
position: absolute;
background: rgba(255, 236, 73, 0.95);
left: 35px;
right: 35px;
top: 35px;
display: block;
display: none;
bottom: 35px;
z-index: 100;
font-size: 18px; }
.slideshow-wrapper .slideshow-information-wrapper p {
padding: 0;
margin: 20px auto; }
.slideshow-wrapper .slideshow-information-wrapper .slideshow-information {
position: absolute;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.slideshow-wrapper img {
max-width: 100%;
max-height: 100%; } .video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.player .controls {
display: none !important; }
#related-grid img, #loaded-grid img, #taxonomy-grid img {
max-width: 125%; }
#related-grid .col > a.play-button-container, #loaded-grid .col > a.play-button-container, #taxonomy-grid .col > a.play-button-container {
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition-delay: 0.75s;
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
opacity: 0;
font-size: 25px;
color: white;
top: 0;
left: 0;
position: absolute;
border: 2px solid #fff;
border-radius: 50%;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -50px;
background-color: transparent; }
#related-grid .col > a.play-button-container > .play-button, #loaded-grid .col > a.play-button-container > .play-button, #taxonomy-grid .col > a.play-button-container > .play-button {
line-height: 60px;
position: relative;
left: 2px; }
#taxonomy-grid img {
max-width: 115%; }
#taxonomy-grid .col > a.play-button-container {
margin-top: -40px; } ::selection {
background-color: #ffec49;
background: #ffec49; }
::-webkit-scrollbar {
width: 6px;
background-color: white; }
::-webkit-scrollbar-thumb {
background-color: #444444; } #loaded-grid {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
opacity: 1; }
#loaded-grid.loading {
position: relative;
opacity: 1;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; }
#loaded-grid.loading:after {
content: 'Loading...';
display: block;
position: absolute;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } .error404 {
background-color: #ffec49;
height: 100%; }
.error404 #wrapper {
position: relative; }
.error404 #wrapper h1 {
line-height: 1;
font-size: 80px;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed; } * {
margin: 0; }
html, body, #wrapper {
height: 100%; }
.body-wrap {
min-height: 100%; margin-bottom: -200px; }
.body-wrap:after {
content: "";
display: block; }
#colophon, .body-wrap:after {
height: 200px; } body.touch .slideshow-wrapper .slideshow-slides {
overflow-x: auto;
padding-bottom: 10px; }
body.touch .slideshow-wrapper .slideshow-slides .slide-active {
border-bottom: none; }
body.touch .slideshow-slides::-webkit-scrollbar {
width: 5px;
height: 5px; }
body.touch .slideshow-slides::-webkit-scrollbar-thumb {
height: 5px;
background-color: #444444; } @media (max-width: 900px) {
#header li {
margin: 25px 25px; }
#taxonomy-grid, #related-grid, #loaded-grid {
margin: 0 -15px; }
#taxonomy-grid .col-33, #related-grid .col-33, #loaded-grid .col-33 {
width: 33%;
height: 170px; }
#taxonomy-grid .col-33 h2, #related-grid .col-33 h2, #loaded-grid .col-33 h2 {
font-size: 16px; }
.slideshow-wrapper {
padding: 50px; }
.slideshow-footer .slide-controls {
display: none; } }
.touch .slide-controls {
display: none !important; }
.touch .slideshow-wrapper .slideshow-slides .slide {
border-bottom: none !important;
padding-bottom: none !important; }
.touch .slideshow-wrapper .slideshow-slides .slide img {
border-bottom: none !important;
padding-bottom: none !important; }
@media (max-width: 750px) { #header {
display: none; }
.mobile {
display: block; }
#wrapper {
max-width: 95%;
padding: 0; }
#mobile-header {
display: block;
padding: 20px;
padding-bottom: 25px;
background-color: #fff;
margin: 0 auto; }
#mobile-header a {
text-align: center; }
#mobile-header a img {
max-width: 95px;
margin: 0 auto;
text-align: center; }
#mobile-header .burger {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer; }
#mobile-header button {
width: 25px; }
#mobile-header button span {
width: 100%;
height: 3px;
margin-top: 4px;
background-color: #444444;
display: block; }
#mobile-slide-nav {
display: none;
background-color: #ffec49;
background: rgba(255, 236, 73, 0.99);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000; }
#mobile-slide-nav .close-mobile-popup {
position: absolute;
top: 15px;
right: 15px;
height: 30px;
width: 25px; }
#mobile-slide-nav .close-mobile-popup:before {
content: '';
display: block;
width: 25px;
height: 3px;
background-color: #444444;
position: absolute;
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#mobile-slide-nav .close-mobile-popup:after {
content: '';
display: block;
width: 25px;
height: 3px;
background-color: #444444;
position: absolute;
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg); }
#mobile-slide-nav ul {
font-size: 28px;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#mobile-slide-nav ul li {
margin: 20px 0; }
body.mobile-slide-active {
overflow: hidden; }
.slideshow-wrapper .slideshow-slides {
overflow-x: auto;
padding-bottom: 10px; }
.slideshow-wrapper .slideshow-slides .slide-active {
border-bottom: solid 3px transparent; }
.slideshow-slides::-webkit-scrollbar {
width: 5px;
height: 5px; }
.slideshow-slides::-webkit-scrollbar-thumb {
height: 5px;
background-color: #444444; }
h1, h2, h3, h4, .page .page-title, .page article h2 {
font-size: 25px; }
.page article {
font-size: 16px; }
.home-grid.home-panel, .home-grid {
width: 600px; }
.home-grid.home-panel img, .home-grid img {
max-width: 100%; }
.home-grid.home-panel .col, .home-grid .col {
font-size: 22px;
height: 200px;
line-height: 200px; }
#taxonomy-grid .col, #loaded-grid .col {
height: 180px; }
#taxonomy-grid .col h2, #loaded-grid .col h2 {
font-size: 15px;
padding: 10px; }
#taxonomy-grid, #related-grid, #loaded-grid {
margin: 0 -15px; }
#taxonomy-grid .col-33, #related-grid .col-33, #loaded-grid .col-33 {
width: 33%;
height: 170px; }
#taxonomy-grid .col-33 h2, #related-grid .col-33 h2, #loaded-grid .col-33 h2 {
font-size: 16px; }
.slide-controls {
display: none !important;
height: 0;
width: 0; }
.clients .client-list-wrapper, .clients .slideshow-wrapper {
max-width: 95%; }
.client-list-names {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
-webkit-column-width: 25%;
-moz-column-width: 25%;
column-width: 25%; }
.slideshow-wrapper .slideshow-information-wrapper .slideshow-information {
width: 90%; }
.slideshow-wrapper .slideshow-information-wrapper .slideshow-information p {
font-size: 15px; }
button.toggle-information.toggle-information-active {
background-color: transparent !important; }
button.toggle-information.toggle-information-active:after {
content: "\00d7";
display: block; }
.close-information {
display: none !important; }
.slideshow-wrapper .slideshow-information-wrapper {
top: 0;
left: 0;
bottom: 0;
right: 0; }
#related-grid img, #loaded-grid img {
min-width: 100%;
max-width: 150%; } } @media (max-width: 550px) {
.home-info {
font-size: 16px; }
.home-info h1, .home-info h2, .home-info h3, .home-info h4 {
font-size: 16px; }
.slide-counter-wrapper {
display: none; }
#taxonomy-grid .col-33, #related-grid .col-33, #loaded-grid .col-33 {
width: 50%;
height: 190px; }
#taxonomy-grid .col-33 h2, #related-grid .col-33 h2, #loaded-grid .col-33 h2 {
font-size: 16px; }
h1, h2, h3, h4, .page .page-title, .page article h2 {
font-size: 24px; }
.page-title {
margin: 55px auto; }
.page article {
font-size: 16px;
max-width: 95%;
margin: 0 auto;
padding-bottom: 20px; }
.page .page-title, .page h2, .archive .page-title, .archive h2 {
margin: 55px auto; }
.home-grid.home-panel, .home-grid {
width: 90%; }
.home-grid.home-panel img, .home-grid img {
max-width: 100%; }
.home-grid.home-panel .col, .home-grid .col {
font-size: 22px;
height: 120px;
line-height: 120px;
width: 50%; }
.home-grid.home-clients .col a {
width: 60%; }
#taxonomy-grid, #loaded-grid {
margin-top: 0;
padding: 10px;
padding-top: 0; }
#taxonomy-grid .col, #loaded-grid .col {
height: 170px;
padding: 7px;
margin: 0;
margin-bottom: 0; }
#taxonomy-grid .col a, #loaded-grid .col a {
overflow: hidden; }
#taxonomy-grid .col h2, #loaded-grid .col h2 {
font-size: 14px;
padding: 13px; }
.slide-controls {
display: none !important;
height: 0;
width: 0; }
.clients .client-list-wrapper, .clients .slideshow-wrapper {
max-width: 95%;
margin-bottom: 20px; }
.client-list-names {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 15px;
-webkit-column-width: 20%;
-moz-column-width: 20%;
column-width: 20%; } }