/* Less Framework 4
http://lessframework.com
by Joni Korpi
License: http://opensource.org/licenses/mit-license.php */
/*---------Resets---------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
html {
height: 100%;
}
a img {border: 0;}
:focus { outline: none; }
/*---------Fonts---------*/
@font-face {
font-family: 'TeXGyreAdventorRegular';
src: url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.eot');
src: url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.woff') format('woff'),
url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.ttf') format('truetype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeXGyreAdventorItalic';
src: url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.eot');
src: url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.woff') format('woff'),
url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.ttf') format('truetype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeXGyreAdventorBold';
src: url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.eot');
src: url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.woff') format('woff'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.ttf') format('truetype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TeXGyreAdventorBoldItalic';
src: url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.eot');
src: url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.woff') format('woff'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cac_champagneregular';
src: url('/fonts/cacchampagne/cac_champagne-webfont.eot');
src: url('/fonts/cacchampagne/cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/cacchampagne/cac_champagne-webfont.woff') format('woff'),
url('/fonts/cacchampagne/cac_champagne-webfont.ttf') format('truetype'),
url('/fonts/cacchampagne/cac_champagne-webfont.svg#cac_champagneregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'londrina_solidregular';
src: url('/fonts/londrina/londrinasolid-regular-webfont.woff2') format('woff2'),
url('/fonts/londrina/londrinasolid-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'londrina_shadowregular';
src: url('/fonts/londrina/londrinashadow-regular-webfont.woff2') format('woff2'),
url('/fonts/londrina/londrinashadow-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*---------Independent of Layout---------*/
body {
font-family: Helvetica, Arial, sans-serif;
color: #fff;
/*background: url(images/background.jpg) no-repeat center center fixed;
background-size: cover;
*/
background-color: #2b385c;
min-height: 100%;
display: grid;
grid-template-rows: 1fr auto;
}
.footer2 {
grid-row-start: 2;
grid-row-end: 3;
}
.clear {
clear: both;
}
a {
color: #6689cc;
font-weight: bold;
text-decoration: none;
cursor: pointer;
cursor: hand;
}
a:hover {
color:#004BBC;
}
ul { margin-left:15px;}
ul li {
margin:10px;
line-height: 15px;
}
ol {
margin-left: 20px;
}
.imgPadding {
padding: 5px;
}
.imgshadow { /* Better style on light background */
background:#FFFFFF;
padding:4px;
border:1px solid #777777;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
width:auto;
float:left;
margin:5px 15px 5px 5px;
}
.img_right { /* Image sticks to the right */
width:auto;
float:right;
margin:5px 5px 5px 15px;
}
.img_middle {
width: auto;
vertical-align: middle;
margin:5px 5px 5px 5px;
}
.img-max {
max-width: 100%;
}
.center {
text-align: center;
}
/*---------Selection colours (easy to forget)---------*/
::selection {background: rgb(255,255,158);}
::-moz-selection {background: rgb(255,255,158);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgba(0,0,0,.1);
}
/* Default Layout
92px columns, 24 px gutters, 72 px margins, 1234px total (extra space for scrollbars)
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10 11 12 13
px 68 160 252 344 436 528 620 712 804 896 988 1050 1142 */
body {
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
/*background-color: #dcc7b9;*/
background-color: #2b385c;
}
a {
font-size: 16px;
}
.container {
}
.holiday-main {
margin: 0 auto;
width: 100%;
}
.center-col {
width: 45%;
margin: 0 auto;
}
.holiday {
font-size: 95px;
font-weight: bolder;
letter-spacing: normal;
font-family: 'londrina_solidregular';
line-height: normal;
text-shadow: 2px 2px 2px rgba(0,0,0, .25);
color: #fff;
/*text-shadow: 2px 2px 2px rgba(19,96,50, .25);
color: #227e4f;*/
}
.holiday2 {
font-family: 'londrina_solidregular';
font-size: 35px;
line-height: normal;
text-shadow: 2px 2px 2px rgba(0,0,0, .50);
color: #fff;
}
.grey {
color: #444;
}
.white {
color: #fff;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0; height: 0; /*overflow: hidden;*/
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 98%;
height: 98%;
}
.footer {
width: 40%;
margin: 0 auto;
text-align: center;
}
.footer a {
opacity: 1;
}
.footer a:hover {
opacity: .7;
}
.footer a{
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.border {
border-right: 2px solid #7EA1BA;
}
.button {
background-color: #fff;
padding: 10px 7px 12px 5px;
border-radius: 5px;
color: #47566a;
font-family: 'londrina_solidregular';
font-weight: normal;
}
.footer2 {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
/* 10 Column Layout: 992px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
@media only screen and (min-width: 992px) and (max-width: 1221px) {
body {
font-size: 15px;
}
.center-col {
width: 50%;
}
.footer {
width: 50%;
}
}
/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
font-size: 12px;
}
a {
font-size: 12px;
}
.center-col {
width: 60%;
}
.footer {
width: 60%;
}
}
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
font-size: 14px;
}
.holiday {
font-size: 75px;
}
.center-col {
width: 99%;
}
.footer {
width: 100%;
}
}
/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 479px) {
body {
font-size: 14px;
}
.holiday {
font-size: 65px;
}
.center-col {
width: 99%;
}
.footer {
width: 100%;
}
.footer-img {
width: 32px;
height: 32px;
}
}