/*------------------------------------*\

    CONTENTS

\*------------------------------------*/

/*

1. BASE.........Reset and default styles
2. LAYOUT.......Main and unique elements
3. MODULE............Reusable components
4. STATE..................Current states
5. THEME............Branding and colours

*/

/*------------------------------------*\

    1. $BASE

\*------------------------------------*/

@font-face {
    font-family: 'coolveticaregular';
    src: url('fonts/coolvetica_rg-webfont.woff2') format('woff2'),
         url('fonts/coolvetica_rg.ttf') format('ttf'),
         url('fonts/coolvetica_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, capt, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


body {
    background: #fff;
    font-weight: normal;
    color: #777;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px!important;
	line-height: 1.65em!important;
}

ul, ol { padding-left: 1.5em; }

.header ul, .header ol { padding-left: 0em; list-style: none; }

table ul, table ol { list-style:disc; margin-left: 20px; }
table { font-size: 14px !important;
    line-height: 28px !important;
    letter-spacing: 0.2px !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #333; }
table li { font-size: 14px !important;
    line-height: 28px !important;
    letter-spacing: 0.2px !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #333;
 }

.video_thumbnail {
  padding-top: 15px;
}

/* Give elements the same bottom margin to create consistent vertical rhythm */

h1, h2, h3, h4 {
	font-family: 'coolveticaregular', sans-serif !important;
	letter-spacing: 1px;
}



p, ul, ol, blockquote, table, hr, iframe, .grid, .cta, .message, .button, .banner, .content, .has-mb { margin-bottom: 1.618em!important; }



.clr { clear:both;}



.two-column-text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

/*------------------------------------*\

    $TYPOGRAPHY

\*------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: bold!important; }
.page-title { margin-top: 50px; }

h1, .alpha {
    font-size: 2.125em!important; /* 34px */
    line-height: 1.235em!important; /* 42px */
	margin-bottom: 0.618em!important; /* 21px */
}
h2, .beta {
    font-size: 1.438em!important; /* 23px */
    line-height: 1.348em!important; /* 31px*/
	margin-bottom: 2em!important; /* 21px*/
}
h3, .gamma {
    font-size: 1.188em!important; /* 19px*/
    line-height: 1.421em!important; /* 27px*/
	margin-bottom: 1.105em!important; /* 21px*/
}
h4, .delta {
    font-size: 1.125em; /* 18px*/
    line-height: 1.444em; /* 26px*/
	margin-bottom: 1.167em; /* 21px*/
}
h5, .epsilon {
	font-size: 1em; /* 16px*/
    line-height: 1.5em; /* 24px*/
	margin-bottom: 1.313em; /* 21px*/
}
h6, .zeta {
	font-size: 0.875em; /* 14px*/
	line-height: 1.571em; /* 22px*/
	margin-bottom: 1.5em; /* 21px*/
}

small, .small {
    font-size: 0.875em;
    line-height: 1.4em;
}

.project-title {
	font-size:24px!important;
}

.project-image {
	margin-bottom: 20px;
}


/*------------------------------------*\

    $LINKS

\*------------------------------------*/


a:link, a:visited {
    text-decoration: none;
    color: #555;
    font-weight: bold;
	-webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

a:hover {
    color: #000;
    text-decoration: underline;
    outline: none;
}

a:focus, a:active { outline: none }

a.no-td:hover { text-decoration: none; }

a.block-link { display: block; }

.fa-lg {
  padding-right: 15px !important;
}

/*------------------------------------*\

    $BUTTONS

\*------------------------------------*/

a.button, button, input[type="submit"] {
	font-size: 1em;
    line-height: 1em;
    padding: 0.75em 1.618em;
    color: #fff;
    background-color: #000;
}
a.button {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
a.button:hover, button:hover, input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
    background-color: #333;
}
a.button-alt {
	border: 2px solid #FFFFFF;
    padding: 20px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
    margin: 0px auto;
	    background: none;
}
a.button-alt:hover {
	color: #fff;
	background-color: #808080;
}
a.button-full {
	width: 100%;
	display: block;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
a.button-cta {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.469em;
}
.button + .button { margin-left: 0.75em; }
.logo-img {
  text-align: center;
  padding-top: 20px;
}
.wallsio-load-more-button {
	color: #FFFFFF;
    text-align: center;
    margin: 0px auto;
	display: block;
	padding: 10px 20px;
}

/*------------------------------------*\

    $FORMS

\*------------------------------------*/

input, select, textarea, button {
    font-family: inherit;
	font-size: inherit;
    line-height: 1em;
    border: 1px solid #ddd;
	padding: 0.188em 0.313em; /* 3px 5px */
}

input[type="submit"], button {
	-webkit-appearance: none; /* Remove iOS default styles */
    cursor: pointer;
    border: none;
    -webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;
}


/*------------------------------------*\

    $OTHER ELEMENTS

\*------------------------------------*/

hr {
	border: solid #ddd;
    border-width: 1px 0 0 0;
    clear: both;
	width: 33%;
	margin: 2.5em auto!important;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
iframe {
	vertical-align: top;
	max-width: 100%;
}

/*------------------------------------*\

    2. $LAYOUT

\*------------------------------------*/


.logo { width: 120px; padding-top: 0px; }
nav.navigation { float: left; margin-top: 42px; }
.container-plus { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;  width:980px!important;}
.header {
	/*display: none;*/
  position: fixed;
  background-color: black;
  border-bottom: 5px solid #ED1C24;
  outline: 5px solid #FEC82F;
  z-index: 1040;
}

.header, .navigation, .main, .footer { width: 100%; }
.home-main-content { padding: 50px 0px 0px 0px; }
.home-main-content { text-align: justify; }
.home-section-1 { background-image:url('https://canberra.germanweekaustralia.com.au/wp-content/uploads/2025/09/german-week-banner-scaled-1.webp'); background-position:top center; background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; color:#FFFFFF; text-align:center; }
.home-section-1 .overlay { background-color: rgba(0, 0, 0, 0.25); padding: 20px 0px 0px 0px; }
.home-section-1 h1 { font-size:2.5em!important; line-height:1.5em!important;  margin:0px 0px 10px 0px!important; font-family: 'Open Sans', sans-serif; letter-spacing: 1px;}
.home-section-1 h1 span { font-size:0.9em!important; font-weight:900!important;}
.home-section-1 h2 { font-size: 2.2em!important; display: inline-block; margin: 10px 0px;}
.home-section-1 .container {
	min-height: 830px;
}

.home-section-2 { text-align:center; padding: 32px 0px 32px 0px; background-color: rgba(0, 0, 0, 0.65); display: none;}
.topmgbtm {margin-bottom:328px!important;}

.home-section-3 { background-image:url(images/home-section-03.jpg); background-position:top center; color:#FFFFFF; text-align:center; padding: 70px 0px 32px 0px; min-height: 549px;}
.ul-container {margin:0px 120px;}
.home-section-3 h2 { color:#ffffff; font-size:2.813em; margin-bottom: 0.1em;}
.home-section-3 p {color:#ffffff; font-size:1.250em; }
.home-section-3 ul { text-align:left;  padding-right:20px; }
.home-section-3 li { list-style-image:url(images/icon-tick-li.png); text-align:left; margin-bottom:16px; font-size: 0.938em; padding-left: 20px;}

.home-section-4 { background-image:url(images/home-section-04.jpg); background-position:top center; color:#FFFFFF; text-align:center; padding: 70px 0px 32px 0px; min-height: 816px;}
.home-section-4 h2 { color:#ffffff; font-size:2.813em; margin-bottom: 0.5em;}
.home-section-4 img { margin-bottom:20px;}
.home-section-4 img.margintb { margin-bottom:20px; margin-top:20px;}
.home-section-4 a { border: 1px solid #FFFFFF; padding:20px; color:#FFFFFF;}

.home-marketing-strats { font-size:0.750em; padding:0px!important; border:1px solid #FFFFFF; border-left:0px; height:60px; }
.home-marketing-strats.firstblock {border-left:1px solid #FFFFFF;}
.home-marketing-strats span { display: inline-block; vertical-align: middle; padding-top:12px;}

.home-section-5 { padding:60px 0px; background-color:black;}
.home-section-5 h2 { text-align: center; color: white; margin-bottom: 10px!important;}
.home-section-5 span { font-size: 12px;}
.home-section-5 p { text-align:center; font-size:14px; color: #FFF; padding: 0px 20px;}

.whats-on-1 h2{text-align: center; margin-bottom: 20px!important;}
.whats-on-1 h5 { text-align: center; font-size: 14px; font-weight: normal!important; }

.event-header {
	border-bottom: 3px solid #f8d34f;
	position: relative;
	background-color: #000;
	padding-bottom: 10px;
	display: none;
}

.event-header:before {
	content: " ";
	position: absolute;
  	z-index: 0;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 3px solid #e93223;
}
.single-event .page-title {
	color: #FFF;
	float: left;
}
.single-event .page-date {
	color:#FFF;
	font-size: 80px!important;
    float: right;
    margin: 10px 0px!important;
}
.event-banner {
    background-size: cover;
    background-attachment: fixed;
	padding: 30px;
	position: relative;
	overflow: hidden;
}
.event-banner a.previous {
	position: absolute;
    left: -40px;
    top: 40%;
    padding: 0px 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e0e0e0;
    line-height: 75px;
    height: 80px;
    color: #FFF;
    width: 80px;
    text-align: right;
	font-size: 2em;
	z-index: 9999;
}
.event-banner a.next {
	position: absolute;
    right: -40px;
    top: 40%;
    padding: 0px 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e0e0e0;
    line-height: 75px;
    height: 80px;
    color: #FFF;
    width: 80px;
    text-align: left;
	font-size: 2em;
	z-index: 9999;
}
.event-banner a.previous:hover, .event-banner a.next:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}
.postid-143 .event-banner {
	background-position: bottom;
}
.event-btn-wrapper {
  text-align: center;
}
.event-content {
	background-color: rgba(255, 255, 255, 0.7);
    padding: 30px;
	float: none;
}

.event-heading {
display: inline-block;
text-align: left;
font-size: 5.6em !important;
}
.event-header-02 {
  padding-top: 8vh;
}
.event-number {
  display: inline-block;
  font-size: 16em !important;
  line-height: 40px!important;
  margin-right: 20px;
}
.google-map iframe {
	width: 100%!important;
}

.sponsors-home {
  /*display: none;*/
  padding-top: 5%;
}

.sponsors-home .container {
	display: none;
}
.slider {
  background: #FFF;
  margin-bottom: 30px;
 /* height: 150px; */
  margin-top: 20px;
}

.slider img {
  display: block;
/*  height: 150px; */
  padding: 0 20px 0 20px;
/*  max-height: 100px; */
}


/*.carousel img {
  display: block;
  height: 150px;
  padding: 0 20px 0 20px;
  max-height: 100px;
}
*/

.slick-dots li {
	background-color: #999;
	border-radius: 50%;
	overflow: hidden;
}

li.slick-active {
	background-color: #555;
}

.slick-dots li button {
	text-indent: -400px;
}

.sponsors {
  text-align: center;
}

.sponsors img {
	max-height: 100px;
	width:auto;
	margin-right:20px;
	margin-bottom: 40px;
}

.sponsor-logos img {
	max-height: 100px;
	width:auto;
	margin-right:30px;
	margin-bottom: 40px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	 -ms-transition: all .25s ease-in-out;
	  -o-transition: all .25s ease-in-out;
		 transition: all .25s ease-in-out;
}

.sponsor-logos a > img {
	opacity: 1;
	text-decoration: none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	 -ms-transition: all .25s ease-in-out;
	  -o-transition: all .25s ease-in-out;
		 transition: all .25s ease-in-out;
}

.sponsor-logos a > img:hover {
	opacity: 0.75;
	text-decoration: none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	 -ms-transition: all .25s ease-in-out;
	  -o-transition: all .25s ease-in-out;
		 transition: all .25s ease-in-out;
}

.sponsor-logos a:hover {
	text-decoration: none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	 -ms-transition: all .25s ease-in-out;
	  -o-transition: all .25s ease-in-out;
		 transition: all .25s ease-in-out;
}


.postid-133 .sponsors img {

	max-height:80px;

}



.single-event a.button {

	font-size: 1em;

    line-height: 1em;

    padding: 0.95em 2.5em;

	margin-right:20px;

}

.single-event a.button-2 {

	font-size: 1em;

    line-height: 1em;

    padding: 0.95em 2.5em;

	margin-right:20px;
	background-color: #000;
	text-align: center;
	color: #FFF;

}
.single-event a.button-2:hover {
	color:#FFF;
	background-color: #333;
	text-decoration: none;
}


.col-20p {overflow: hidden; width: 18%; float:left; min-height: 180px; background-color: #e2e2e2; margin: 1%; padding: 0px; background-color: #333333; position: relative;}

.col-33p {
	overflow: hidden;
	width: 31%;
	float: left;
	min-height: 180px;
	background-color: #e2e2e2;
	margin: 1%;
	padding: 0px;
	background-color: #333333;
	position: relative;
	}



.btn-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image:url(images/german-flag.jpg);
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: .25s ease;
  white-space: nowrap;
  opacity: 0;
  zoom: 0.5;
}



.col-20p:hover .btn-overlay {
  width:100%;
  opacity: 1;
  overflow: hidden;
    transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}





/*

.col-20p .text {

 color: white;

  font-size: 20px;

  position: absolute;

  left: 0%;

  transition: 0.5s ease;

  overflow: hidden;

  width:100%;

  height:100%;

  opacity: 0;

  display: inline-table;

  vertical-align: middle;

}





.col-20p:hover .text {

  opacity: 1;

}





*/








figure.effect-bubba {

	background: #9e5406;

}



figure.effect-bubba img {

	opacity: 0.4;

	-webkit-transition: 0.35s;

	transition: 0.35s;

	position: absolute;

    display: block;

    min-height: 100%;

    max-width: 100%;

	margin: 0px;

	padding: 0px;

	top:0px;

}



figure.effect-bubba:hover img {

	opacity: 0.4;

	/*-moz-transform: scale(1.5);

  	-webkit-transform: scale(1.5);

  	transform: scale(1.5);*/

}



figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	content: '';
	opacity: 0;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}



figure.effect-bubba figcaption::before {

	/*border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;*/

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

}



figure.effect-bubba figcaption::after {

	/*border-right: 1px solid #fff;

	border-left: 1px solid #fff;*/

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

}



figure.effect-bubba h3 {
  font-family: 'coolveticaregular', Arial, sans-serif !important;

	text-align: right;

	color: #FFF;

	padding-right: 5px;

	font-weight: bold;

  font-size: 130px !important;

  margin-bottom: 0 !important;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,-10px,0);

	transform: translate3d(0,-10px,0);

  opacity: 1;

}



figure.effect-bubba p {
	line-height: 22px!important;
  	position: absolute;
	padding: 5px 15px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	top:7vh;
  	text-align: center!important;
  	width:100%;
}



figure.effect-bubba:hover figcaption::before,

figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}


figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}


figure.effect-bubba:hover h3 {
  opacity: 0;

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);
}


figure figcaption > a {

    z-index: 1000;

    text-indent: 200%;

    white-space: nowrap;

    font-size: 0;

    opacity: 0;

	cursor: default;

}



figure figcaption, figure figcaption > a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	cursor: pointer;

}

.whats-on-1 p{
  color: white !important;
}

.home-section-05 { background-image:url(images/content-bg-01.webp); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color:#FFFFFF; text-align:center;
height: 35vh;
}

.home-section-05 h1 {margin-top: 0; padding-top: 15vh;
font-size: 2.5em !important}

.home-section-6 {background-color: #fff; color:black; text-align:center;}
.home-section-6 h3 {font-size:3.063em!important; margin-bottom:0.3em!important; line-height: 1em!important;}
.home-section-6 a { border: 2px solid #FFFFFF; padding: 20px; color: #FFFFFF; display:block; text-align:center; text-transform:uppercase; width:250px; margin:20px auto 0px auto;}
.home-section-6 a:hover {text-decoration: none; background-color: #999;}
/*.home-section-6 .overlay { background-color: rgba(0, 0, 0, 0.35); padding: 45px 0px 62px 0px;}*/


.page-section-6 { background-image:url(https://canberra.germanweekaustralia.com.au/wp-content/uploads/2025/09/main-banner-home.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color:#FFFFFF; text-align:center;}
.page-section-6 h3 {font-size:3.063em!important; margin-bottom:0.3em!important; line-height: 1em!important; text-shadow: 1px 1px 2px #000;}
.page-section-6 p { text-shadow: 1px 1px 2px #000; }
.page-section-6 a {     font-size: 1em;
    line-height: 1em;
    padding: 0.95em 2.5em;
    background-color: #ffc700;
    text-align: center;
    color: #FFF;}
.page-section-6 a:hover { color: #FFF;
    background-color: #333;
    text-decoration: none;}
.page-section-6 .overlay { background-color: rgba(0, 0, 0, 0.35); padding: 65px 0px 92px 0px;}



.home-section-7 { background-color: black; color: white; padding: 45px 0px 0px 0px; }

.single-event .home-section-7 { display: none; }

.home-section-7 .img-container { background-color:#333333; margin-bottom:20px;}



.home-section-7 span { color:#FFFFFF; font-size:0.875em; text-align:center; display:block; text-transform:uppercase; padding:5px 0px;}



.home-section-7 h2 { text-align: center; color:#ababab; font-size:2.813em; font-weight:normal; margin:40px 0px 20px 0px;}



.home-section-7 h3 { color:#ababab; font-size:1.563em; margin-bottom:0.7em;}



.home-section-7 p { font-size:0.938em; margin-bottom:0.9em; }



.home-section-7 a.btn { border: 2px solid #333333; padding: 20px; color: #333333; display:block; text-align:center; text-transform:uppercase; width:250px; margin:30px auto; }


.home-section-8 {
margin:5% 0;
border-top: 1px solid #f2f2f2;

}

.home-section-8 h1{
text-align: center;
color: black;
}

/* remove bootstrap gutter */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.img-featured-container {
  overflow: hidden;
  position: relative;
}

.img-featured-container img {
  width: 100%;
}

.img-featured-container .img-backdrop {
  /*background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));*/
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}

.img-featured-container:hover > .img-backdrop {
  opacity: 1;
}

/* center text horizontally and vertically on image hover */
.img-featured-container .description-container {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 0 30px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  z-index: 2;
  opacity: 0;
  transition: all .2s ease;
}

.img-featured-container .description-container .fa-instagram {
  font-size: 40px;
}

.img-featured-container .description-container p {
  font-weight: 300;
  margin-bottom: 0;
}

.img-featured-container:hover .description-container {
  opacity: 1;
}

.img-featured-container .description-container .caption {
  display: none;
  margin-bottom: 10px;
}

.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments {
  margin: 0 5px;
}

/* load more button */

#btn-instafeed-load {
  color: #fff;
  background: #26a3ff;
  margin: 20px auto;
  padding: 8px 12px;
  display: block;
  border: none;
}

/* media queries */


@media screen and (min-width:768px) {

	.img-featured-container .description-container .caption {
    display: block;
  }


}

@media screen and (max-width:768px) {
	.col-20p {min-height: 130px;}
	figure.effect-bubba h3 { font-size: 100px !important; }
	figure.effect-bubba p { top: 4vh; }
}



.owl-carousel .owl-item {
	min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.footer-contact input { display:block; width:100%!important; text-align:center; padding:18px!important; color:#000000; font-size:0.938em!important; margin:2px 0px; -webkit-border-radius: 5px;



border-radius: 5px;}



.footer-contact .submitbtn { margin:40px auto 0px auto; background-color:#FFFFFF; width:250px; border: 2px solid #333333; padding: 20px; color: #333333; display:block; text-align:center; text-transform:uppercase; -webkit-border-radius: 0px; border-radius: 0px;}







.footer-contact .gform_button { margin:40px auto 0px auto; background-color:#FFFFFF; width:250px!important; border: 2px solid #333333; padding: 20px; color: #333333; display:block!important; text-align:center; text-transform:uppercase; -webkit-border-radius: 0px; border-radius: 0px;}







.footer-contact .gform_description { display:none;}







.social { text-align:center; margin-top:43px;}
.social img { height: 25px; width: auto; padding-left: 10px;}
.social img:hover { opacity: 0.75; filter: alpha(opacity=75); /* For IE8 and earlier */ }

.social a { font-size: 2em; color: #FFFFFF; margin-left: 5px;}
.social a:hover { color: #FFCD14; }


.contentarea { display: block; clear: both; padding: 40px; margin: 30px 0px;}



.contentarea .col-md-4 { min-height: 200px; padding: 0px 40px; }



.contentarea .col-md-4 h4 { font-size:15px; }



.contentarea .col-md-4 img {max-width:80px; padding-top: 30px;}



/*------------------------------------*\



    $HEADER



\*------------------------------------*/







.top { padding: 1.25em; }



.banner-text p {margin-bottom:2em}




.banner-text {
  padding-top: 8vh;
}

.single-banner-text {
  font-size:3em !important;
  padding-top: 14vh;
}

.banner-overlay {
  background: rgba(0,0,0,0.4);
  height: 680px;
}

.banner small {
	position: absolute;
    bottom: 10px;
    left: 10px;
    color: #FFFFFF;
}

/*------------------------------------*\







	$TOUCH NAV







	Only displayed on touch devices







\*------------------------------------*/







.nav>li>a {
	padding: 0px 13px!important;
  color: #fff;

}

.nav-primary a {
  display: inline-block !important;
  border: none !important;
  background: none !important;
}


.nav-primary a::after {
  content: '' !important;
  display: block !important;
  width: 0 !important;
  height: 2px !important;
  background: #FFCD14 !important;
  transition: width .3s !important;
}

.nav-primary a:hover {
  background:none !important;
  color: #FFCD14 !important;
}

.nav-primary a:hover::after {
  /*background:none !important;
  color: #FFCD14 !important;*/
  /*border-bottom: 2px solid #FFCD14 !important;*/
  width:100% !important;
  transition: width .3s !important;
}



.nav-touch-toggle {



	position: absolute;



	top: 50%;



	right: 1em;



	margin-top: -22px;



	width: 45px;



	height: 45px;



	text-indent: -9999em;



    background: url(images/sprite@2x.png) -600px -790px no-repeat;



	}







.nav-touch-top {



	padding: 1em 1.25em;



	position: relative;



}







.nav-touch-search { width: 75%; }







.nav-touch-close {



	position: absolute;



	top: 50%;



	right: 1em;



	width: 24px;



	height: 24px;



	margin-top: -12px;



}







.nav-touch {



	width: 100%;



	display: block;



	font-size: 0.938em;



}







.nav-touch a {
	display: block;
	width: 100%;
	background-color: #fff;
	color: #808080!important;
	border-top: 1px solid #eee;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0.625em 1em;
}







.nav-touch ul { display: none; }







.nav-touch a:hover ul { display: block; }







.nav-touch ul a { padding: 0.625em 2em; }







.nav-touch ul ul a { padding: 0.625em 3em; }







.nav-touch a:hover { text-decoration: none; }







.nav-touch .current-menu-item > a {
	text-decoration: none;
	color: #fff!important;
	background-color: #808080;
}







.contact h2 {



	margin-top: 40px;



}







/*------------------------------------*\



    $FULL SIZE NAV



\*------------------------------------*/







@media all and (min-width: 62em) { /* 980px */

	.home-section-1 {
		background-image: url(https://canberra.germanweekaustralia.com.au/wp-content/uploads/2025/09/german-week-banner-scaled-1.webp);
		background-position: top center;
		color: #fff;
		text-align: center;
	}

	.home-section-1 h1 {
		float: none;
		width: 70%;
		display: inline-block;
		text-align: right;
		padding-right: 10%;
	}

	.home-section-1 h2 {
		float: none;
		width: 70%;
		display: inline-block;
		text-align: right;
	}

	.home-section-1 img {
	max-width: 70%;
	margin-top: 300px;
	}


	.nav-full {
		border-top:1px solid #c3c8cf;
	}

	.nav-primary li {
		position: relative;
		z-index: 500;
	}

	.nav-primary > li { float: left; }

	.nav-primary a {
		color: white;
		line-height: 3em;
		text-align: left;
		border-right:1px solid #e2e2e2;
	}


	.nav-primary li:hover > a {
		background-color: #808080;
		color: #fff;
		text-decoration: none;
	}

	.nav-primary li:hover > ul { display: block }


	/*------------------------------------*\



		$2ND LEVEL



	\*------------------------------------*/







	.nav-primary ul, .nav-primary ul li { width: 16em; }







	.nav-primary ul {



		display: none;



		position: absolute;



		top: 100%;



		left: 0;



		float: left;



		z-index: 99999;



	}







	.nav-primary ul a {



		background-color: #808080;



		color: #fff;



		line-height: 1.4em;



		padding: 0.5em 0.875em;



		width: 100%;



		height: auto;



		border-bottom: 1px solid #999;



	}







	.nav-primary ul :hover > a {



		background-color: #333;



		color: #fff;



	}







	/*------------------------------------*\



		$3RD LEVEL



	\*------------------------------------*/







	.nav-primary ul ul {



		left: 100%;



		top: 0;



	}







	/*------------------------------------*\



		$1ST LEVEL CURRENT



	\*------------------------------------*/







	.nav-tabs>li>a { padding:10px 15px!important;}







	.nav-primary li.current_page_item > a, .nav-primary li.current-menu-ancestor > a, .nav-primary li.current-menu-item > a, .nav-primary li.current-menu-parent > a {



		background-color: #FFFFFF;



		color: #ababab;



	}







	* html .nav-primary li.current_page_item a, * html .nav-primary li.current-menu-ancestor a, * html .nav-primary li.current-menu-item a, * html .nav-primary li.current-menu-parent a, * html .nav-primary li a:hover {



		background-color: #808080;



		color: #fff;



	}







	/*------------------------------------*\



		$2ND LEVEL CURRENT



	\*------------------------------------*/







	.nav-primary ul li.current-menu-item > a {



		background-color: #333;



		color: #fff;



	}







}







/*------------------------------------*\



    $CAROUSEL



\*------------------------------------*/







.feature {



	position: relative;



	overflow: hidden;



	height: 25em;



}







.feature-content, .banner-content {
	position: absolute;
	top: 0;
	color: #fff;
	text-align:center;
	padding-top: 14em;
}

.feature-heading, .banner-heading {
	color: #fff;
	font-size: 3.438em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

.feature-mobile { background-size: cover; }

@media all and (min-width: 62em) { /* 980px */







	.feature {



		height: 35em;



		overflow: hidden;



	}







	.feature .container {



		position: absolute;



		top: 0;



		left: 50%;



		margin-left: -30.625em;



	}







}







/*------------------------------------*\



    $FLEXSLIDER



\*------------------------------------*/







.flexslider {



	margin: 0;



	padding: 0;



}







.flexslider .slides > li { display: none; }







.flexslider .slides img {



	display: block;



	position: absolute;



	top: 0;



	left: 50%;



	margin-left: -30.625em; /* Half of width - 980px */



	max-width: none;



	width: auto;



}







.slides:after {



	content: "\0020";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}







html[xmlns] .slides { display: block; }







* html .slides { height: 1%; }







.no-js .slides > li:first-child { display: block; }







@media all and (min-width: 62em) { /* 980px */







	.flexslider .slides img {



		margin-left: -60em; /* Half of width - 1920px */



	}







}







/*------------------------------------*\



    $DIRECTION NAV - ARROWS



\*------------------------------------*/







ul.flex-direction-nav { margin-bottom: 0; }







.flex-direction-nav a {



    width: 24px;



    height: 24px;



    display: block;



    position: absolute;



	top: 50%;



	left: 5%;



	margin-top: -12px;



    z-index: 100000;



    cursor: pointer;



    text-indent: -9999px;



    background: url(images/sprite.png) 0 -200px no-repeat;



}







.flex-direction-nav a.flex-next {



	left: auto;



	right: 5%;



	background-position: -100px -200px;



}







/*------------------------------------*\



    $CONTROL NAV - DOTS



\*------------------------------------*/







.feature-nav {



	position: absolute;



	z-index: 999;



	bottom: 1em;



	right: 0;



	left: 0;



}







ol.flex-control-nav {



	margin-bottom: 0;



	text-align: center;



}







.flex-control-nav li {



    margin: 0 5px;



    display: inline-block;



    zoom: 1;



    *display: inline;



	text-indent: -9999em;



}







.flex-control-paging li a {



    width: 14px;



    height: 14px;



    display: block;



    background-color: #808080;



    cursor: pointer;



	border-radius: 100%;



}







.flex-control-paging li a.flex-active {



    background-color: #ccc;



    cursor: default;



}







/*------------------------------------*\



    $PROMO



\*------------------------------------*/







.promo a { display: block; }







/*------------------------------------*\



    $BANNER



\*------------------------------------*/







.banner {



    width: 100%;



    height: 680px;



	position: relative;



	background-position: 50% 0;



	background-repeat: no-repeat;



	background-size: cover;



	margin-bottom:0px;



	background-attachment: fixed;



}



.breadcrumb-bar {



	background-color:#0b1423;



}







.home .breadcrumb-bar {



	display:none;



}







@media all and (min-width: 62em) { /* 980px */

	.banner-content { position: relative; }

}

@media all and (max-width: 62em) { /* 980px */

	.social {
		margin: 10px 0px;
	}

	.container-plus {
		width: 750px!important;
	}

	.nav>li>a {
		padding: 10px 15px!important;
	}

}

@media all and (max-width: 62em) { /* 980px */

	.container-plus {
		width: 750px!important;
	}
}

@media all and (max-width: 768px) {
	.home-section-1 img {
		margin-top: 300px;
	}
}

@media all and (max-width: 767px) {
	.home-section-1 img {
		margin-top: 50vw;
	}
}

@media all and (max-width: 750px) {
  .video_thumbnail {
    margin-top: 20vh;
  }
  .home-section-1 .container{
	min-height: 90vh;
  }
  .home-section-1 h2 {
	font-size: 1.2em!important;
  }
	.container-plus {
		width: 100%!important;
	}
	.col-20p {
		width: 100%;
	}

}


/*------------------------------------*\

    $CONTENT

\*------------------------------------*/

.content { padding: 0 1.25em; }

@media all and (max-width: 48em) { /* 700px */

	.content h2, .content h3, .content h4, .content h5, .content h6 {
		font-size: 1.125em;
		line-height: 1.4em;
		margin-bottom: 1.167em;
	}
}

@media all and (min-width: 48em) { /* 700px */
	.content { padding: 0 1.875em; }
}

@media all and (min-width: 62em) { /* 980px */
	.content {
		float: left;
		padding: 0;
		width: 100%;
	}

	.blog .content, .category .content, .single-post .content {
		float: left;
		padding: 0;
		width: 68%;
	}

	.content-right { float: right; width:70%; }

	.content-full {
		float: none;
		width: 100%;
	}

}

/*------------------------------------*\

    $CONTENT TABLES

\*------------------------------------*/

.content table { border-collapse: collapse; }

.content table th, .content table td {
	padding: 0.625em;
	border-bottom: 1px solid #ddd;
}

td, th {
	padding: 10px!important;
    border: 1px solid #dcdcdc!important;
}

.content table th {
    font-weight: bold;
	text-align: left;
}

/*------------------------------------*\

    $CONTENT LISTS

\*------------------------------------*/

.content ul, .content ol { margin-left: 1em; }
.content ul { list-style: disc; }
.content ol { list-style: decimal; }
.content li { margin-bottom: 0.875em; }
.content li > ul, .content li > ol {
    margin-top: 0.625em;
    margin-bottom: 0;
}

@media all and (min-width: 48em) { /* 700px */

	.content ul, .content ol { margin-left: 2.625em; } /* 42px */
	.home-section-4 {
		    padding: 15px 0px 32px 0px;
	}
	
	.home-section-4 img {
		margin-bottom:0px;
	}

}

@media all and (min-width: 768px) and (max-width: 1200px) {
		.home-section-1 {  color:#FFFFFF; text-align:center;}
}

@media all and (min-width: 768px) {
	.home-marketing-strats { border:1px solid #FFFFFF;}
	.home-section-4 a { font-size:12px; display:block; margin-bottom: 15px;}
	.home-section-4 { background-position:bottom; padding-bottom:60px;}
}

@media all and (max-width: 768px) {

	.event-number { font-size: 10em !important; line-height: 1.235em!important; }
	.event-heading { font-size: 3.6em !important; }

	img.consul-logo { width: 60%; }
	.col-33p { width: 48%; }

}

@media all and (max-width: 767px) {
	img.consul-logo { width: 100%; }
	.home-marketing-strats { border:1px solid #FFFFFF;}
	.home-section-4 { background-position:bottom; padding-bottom:110px;}
	.home-section-4 a { font-size:12px; display:block; margin-bottom: 15px;}
	.arrowsecond {margin-bottom:40px!important;}
	.home-section-1 h1 {font-size: 1.5em!important; margin: 0px auto 14.9em auto; padding-right:0px; }
	.home-section-1 h2 {line-height: 1.5em;}
	.logo {width: 30%;}
	.home-section-2 { padding:0px 0px 12px 0px;}
	.home-section-2 h2 { font-size: 2.438em;}
	.ul-container { margin: 0px 20px;}
	.home-section-4 h2 {font-size: 2em; line-height: 1.2em;}
	.event-banner { padding: 30px 0px; }
	.event-banner a.previous { display: none; }
	.event-banner a.next { display: none; }	

	.single-event a.button { width: 100%; display: block; }
	.single-event a.button-2 { width: 100%; display: block; }

	.header { position: static; }

	.home-section-8 h1 { font-size: 1.6em!important; }
	.two-column-text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.col-33p { width: 98%; }
}

.content-02 { background-image:url(images/content-02.jpg); /* min-height:606px; */ color:#FFFFFF; padding-top: 110px; padding-bottom:40px;}
.content-02 h3 { text-align:center; margin-bottom: 1.505em; }
.content-02 strong { clear: both; margin-bottom: 20px; display: block;}
.content-02 p { font-size:0.938em; text-align:center; margin-bottom: 2.5em;}
.content-02 ul { padding: 0px 40px 0px 0px;}
.content-02 li {font-size:0.938em; list-style-image: url(images/icon-tick-li.png); padding:0px 20px;}
.content-03 { padding: 60px 0px 40px 0px;}
.content-04 { background-image: url(images/content-section-04.jpg); background-position: top center; color: #FFFFFF; text-align: center; padding: 40px 0px 40px 0px; }
.content-04 h2 { padding-top: 35px;}
.content-05 { background-color:#f1f1f1; padding: 40px 0px 42px 0px; }
.content-05 .col-sm-9 { background-color: #FFFFFF; border: 1px solid #e2e2e2; border-left: 0px; text-align:justify; }
.content-05 h3 { font-size:18px; color:#ababab; line-height:24px; margin-top:0px;}
.partner-heading {
	background-color: #333;
    color: #FFF;
    padding: 10px;
}
.partner-list img { max-height: 40px; width:auto; float: left; margin-right:30px; margin-bottom: 20px;}
.partner-list-2021 {
	padding: 2em 0px;
}
.partner-list-2021 .row {
	border-bottom: 1px solid #e8e8e8;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

/*------------------------------------*\

    $NUMBERED LIST

\*------------------------------------*/

.content ol {
	list-style: none;
	margin-left: 0;
	counter-reset: number-counter;
}

.content ol li {
	margin-bottom: 0.875em;
	padding-left: 2em;
	position: relative;
}

.content ol li:before {
	content: counter(number-counter);
	counter-increment: number-counter;
	position: absolute;
	top: 3px;
	left: 0;
	width: 24px;
	height: 24px;
	text-align: center;
	background-color: #888;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px; /* Same as icon height */
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
}

/*------------------------------------*\

    $TICKED LIST

\*------------------------------------*/

ul.list-ticked {
	margin-left: 0;
	list-style: none;
}

ul.list-ticked li {
	margin-bottom: 0.875em;
	padding-left: 2em;
	position: relative;
}

ul.list-ticked li:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(images/sprite.png) -400px -100px no-repeat;
}

@media all and (min-width: 43.688em) { /* 699px */

	/* Two column list */

	ul.list-double {
		margin-left: 0;
		margin-bottom: 1em;
		clear: both;
		overflow: hidden;
	}

	ul.list-double li {
		float: left;
		width: 40%;
		margin-left: 10%;
	}

}


/* Page lists displayed with [list-pages] and [child-pages] */


ul.child-pages, ul.list-pages {
	list-style: none;
	margin-left: 0;
	border-top: 1px solid #ddd;
}

ul.child-pages li, ul.list-pages li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

ul.child-pages a, ul.list-pages a {
	position: relative;
	display: block;
	padding: 0.625em 0.313em;
}

ul.child-pages a:before, ul.list-pages a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.313em;
	display: block;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(images/sprite.png) -100px -200px no-repeat;
}

/*------------------------------------*\

	$CHILD PAGES WITH EXCERPT
	[child-pages-excerpt]

\*------------------------------------*/

ul.list-pages-excerpt { list-style: none; }

ul.list-pages-excerpt li {
	margin-bottom: 0;
	border-bottom: 1px solid #e8e8e8;
}

ul.list-pages-excerpt a {
	display: block;
	font-weight: normal;
	padding: 0.8em 1.875em 0.8em 0;
	position: relative;
}


.list-pages-excerpt .list-main {
	overflow: hidden;
	width: 100%;
}

.list-pages-excerpt .list-image, .list-pages-excerpt .list-content { float: left; }

.list-pages .list-heading { margin-bottom: 0.25em; }

.list-pages-excerpt .list-image {
	width: 30%;
	background-color: #29a2a2;
	height: 0;
	padding-bottom: 16%;
}

.list-pages-excerpt img { transition: all .25s linear; }

.list-pages-excerpt .list-content { width: 100%; }

ul.list-pages-excerpt p {
	color: #595959;
	line-height: 1.4em;
	margin-bottom: 0;
}

ul.list-pages-excerpt a:hover img { opacity: 0.5; }

@media all and (max-width: 43.688em) { /* 699px */

	.list-pages-excerpt a { padding-right: 1.25em; }
	.list-pages-excerpt .list-image { display: none; }

	.page-id-1571 h1.page-title { font-size: 26px; }

	.home-section-6 h3 {
		font-size: 3em;
	}

	.home-section-6 a {
		margin: 25px auto;
	}

	.page-section-6 h3 {
		font-size: 3em;
	}

	.page-section-6 a {
		margin: 25px auto;
	}
	.topmgbtm {margin-bottom:150px!important;}
}

@media all and (min-width: 48em) { /* 700px */
	.list-pages-excerpt .list-content {
		width: 70%;
		padding-left: 1em;
		padding-right: 2em;
	}

.feature-content, .banner-content {
	position: relative;
}

}







/*------------------------------------*\



    $BLOCKQUOTE



\*------------------------------------*/







blockquote {



	position: relative;



	font-size: 1.125em;



	line-height: 1.618em;



	text-align: center;



	text-transform: uppercase;



	font-weight: bold;



	font-style: italic;



	border: solid #eee;



	border-width: 10px 0;



}







blockquote p:last-child { margin: 0 }







@media all and (min-width: 62em) { /* 980px */







	blockquote { padding: 1.5em 2em; }







}







/*------------------------------------*\



	$MESSAGES



\*------------------------------------*/







.message {



    padding: 0.875em 1.618em;



    border: 1px solid;



    color: #555;



}







.note {



	background: #fcffc5;



	border-color: #fbffa3;



}







.highlight {



	background: #A9E8FA;



	border-color: #79dbf7;



}







.warning {



    background-color: #ef1000;



    border-color: #cf0000;



    color: #fff;



}







/*------------------------------------*\



    $BLOG



\*------------------------------------*/







.post-divider {



    display: block;



    height: 1px;



    background: #ddd;



    width: 50%;



	margin: 3em auto;



}







.post-meta p {



	font-size: 0.875em;



	line-height: 1.4em;



}







.post-navigation {



    font-size: 0.875em;



    line-height: 1.5em;



    border-top: 1px solid #ddd;



    padding: 1em 0;



}







.archive-navigation {



    display: block;



    clear: both;



    padding: 1em 0;



    text-align: center;



    border-top: 1px solid #ddd;



}







.archive-navigation span, .archive-navigation a {



    padding: 3px 6px;



    border: 1px solid #ddd;



	-webkit-border-radius: 2px;



     -opera-border-radius: 2px;



     -khtml-border-radius: 2px;



 	   -moz-border-radius: 2px;



            border-radius: 2px;







}







.post-share h5 {



	font-size: 0.875em;



	line-height: 1.5em;



    text-transform: uppercase;



}







@media all and (min-width: 48em) { /* 700px */







	.post-share h5 {



		float: left;



		margin: 0 0.616em 0 0;



	}







}







#___plusone_0 { vertical-align: top !important; }







/*------------------------------------*\



    $CONTENT IMAGES



\*------------------------------------*/







@media all and (max-width: 25.000em) { /* 400px */







	img.alignleft, img.alignright {



		max-width: 50%;



		height: auto;



	}







}







.alignright, a.alignright {



    float: right;



    margin: 0 0 1.618em 1.618em; /* 0 0 26px 26px */



}







.alignleft, a.alignleft {



    float: left;



    margin: 0 1.618em 1.618em 0; /* 0 26px 26px 0 */



}







.aligncenter, a .aligncenter {



    display: block;



    margin: 0 auto 1.618em auto; /* 0 auto 26px auto */



}







.alignnone, a .alignnone {



    display: block;



    margin-bottom: 1.618em; /* 26px */



}







img.no-image-border {



	padding: 0;



	border: none;



}


.wp-caption { margin-bottom: 1.618em; /* 26px */ }

.wp-caption img {
    border: none;
    margin: 0;
    padding: 0;
}


.wp-caption p.wp-caption-text {
    font-size: 0.875em;
    line-height: 1.4em;
	margin-bottom: 0;
	padding: 0.625em 0;
	font-style: italic;
	border-bottom: 1px solid #ddd;
}

.gallery-item img {
    border: 1px solid #ddd !important;
    background: #fff;
}

.gallery-item img:hover { border: 1px solid #808080 !important }
.gallery-item img { height: auto; }
.wp-caption-text { display: none;}

/*------------------------------------*\

    $SIDEBAR

\*------------------------------------*/


@media all and (min-width: 62em) { /* 980px */

	.sidebar {
		float: right;
		width: 28%; /* 280px */
	}

}


.sidebar > div, .sidebar-blog > div { margin-top: 2em; margin-bottom: 2em; }


.sidebar-heading {
	font-size: 1.25em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}


/*------------------------------------*\



    $ISLAND



\*------------------------------------*/







.island {



	padding: 1em 1.168em;



	color: #fff;



}







.island-heading { color: #fff; }







/*------------------------------------*\



    $UI LIST



\*------------------------------------*/







.ui-list {



    list-style: none;



    border-top: 1px solid #ddd;



	margin: 0;



}







.ui-list li { border-bottom: 1px solid #ddd; }







.ui-list a {



    display: block;



    padding: 0.625em 0.313em;



	line-height: 1.4em;



	font-weight: normal;



}







.ui-list a:hover, .ui-list .current_page_item a { text-decoration: none; }







/*------------------------------------*\



    $SEARCH



\*------------------------------------*/







.contact-forms_wrapper { display:block!important;}







.form-search { position: relative; }







.form-search input.search-input {



	width: 100%;



	margin: 0;



	padding: 0.5em;



	color: #666;



	border: none;



	background-color: #F5F5F5;



}







.form-search .search-submit {



	position: absolute;



	top: 0;



	right: 0;



	bottom: 0;



	width: 45px;



	border: none;



	text-indent: -9999em;



	margin: 0;



}







.form-search .search-submit:before {



	content: '';



	position: absolute;



	top: 50%;



	right: 50%;



	display: inline-block;



	width: 16px;



	height: 16px;



	margin-top: -8px;



	margin-right: -8px;



	background: url(images/sprite.png) -200px -100px no-repeat;



	background-size: 600px 800px!important;



}







@media all and (min-width: 62em) { /* 980px */







	.sidebar .form-search .search-input, .content .form-search .search-input {



		border: solid #eee;



		border-width: 1px 0 1px 1px;



	}







}







/*------------------------------------*\



    $SIDEBAR - LEFT



\*------------------------------------*/







.sidebar-left {



	padding: 0 1em;



	margin-bottom: 1em;



	margin-top: 40px;



}







.sidebar-left .contact-detail {



    padding: 1em 0;



    border-bottom: 1px solid #ddd;



}







.sidebar-left h4 {



    font-size: 1em;



    line-height: 1em;



    font-weight: bold;



    text-transform: uppercase;



  	margin-bottom: 0.313em;



}







.sidebar-left .icon { vertical-align: top; }







.sidebar-left p, .sidebar-left table {



    font-size: 1em;



    line-height: 1.4em;



    margin: 0;



}







.sidebar-left p + p { margin: 10px 0 0 0 }







.sidebar-left .is-day, .sidebar-left .is-time { width: 50%; }







@media all and (min-width: 48em) and (max-width: 61.188em) { /* 700px - 979px */







	.sidebar-left table { width: 50%; }



	.event-banner { padding: 30px 0px; }



}







@media all and (min-width: 62em) { /* 980px */







	.sidebar-left {



		float: left;



		width: 18.750em; /* 300px */



		padding: 0;



		margin-bottom: 1em;



	}







	.sidebar-left h4 { margin-bottom: 0.875em; }







}







/*------------------------------------*\



    $CONTACT PAGE



\*------------------------------------*/







@media all and (min-width: 48em) and (max-width: 61.188em) { /* 700px - 979px */







	.page-template-page-contact-php .main { padding: 1.5em 1.875em 2.5em 1.875em; }







	.page-template-page-contact-php .sidebar-left {



		float: left;



		width: 39%;



		padding: 0;



	}







	.page-template-page-contact-php .content {



		float: right;



		width: 57%;



		padding: 0;



	}







}







/*------------------------------------*\



    $FOOTER



\*------------------------------------*/







.footer {



	text-align: center;



	padding:0px;



	background-color:#333;



	margin:0px;



}







.footer-body {



	font-size: 0.813em;



    line-height: 1.4em;



}







.footer p, .footer a {
  border-top: 5px solid #ED1C24;
  outline: 5px solid #FEC82F;
background-color: black;
  color: #FFF; text-align:center; padding:16px; margin-bottom: 0px!important; }







.footer a { font-weight: normal; }







.footer a:hover { color: #444 }







@media all and (max-width: 43.688em) { /* 699px */







	.footer { margin-bottom: 0em; } /* Height of call now button margin-bottom: 5em; */







}







/*------------------------------------*\



    3. $MODULE



\*------------------------------------*/







/*------------------------------------*\



    $NAV



\*------------------------------------*/


ul.nav, .nav ul {
    margin: 0px auto;
    width: max-content;
    padding: 0;
}

.nav li { float: left; }

.nav a { display: block; }

ul.nav-stacked li { float: none; width: 100%; display: block; }


/*------------------------------------*\



    $HELPER



\*------------------------------------*/







.left { float: left }







.right { float: right }







.text-center { text-align: center; }







.text-right { text-align: right; }







.upper { text-transform: uppercase; }







.lower { text-transform: lowercase;}







.under { border-bottom: 1px solid; }







.spaced { letter-spacing: 2px; }







.no-mb { margin-bottom: 0; }







.is-relative { position: relative; }







.inline-block {



    display: inline-block;



    zoom: 1;



    *display: inline;



}







.cf:before, .cf:after, .main:before, .main:after, .content:before, .content:after, .nav-primary:before, .nav-primary:after, .container:before, .container:after, .top:before, .top:after, .navigation:before, .navigation:after {



    content: '';



    display: table;



}







.cf:after, .main:after, .content:after, .nav-primary:after, .container:after, .top:after, .navigation:after { clear: both; }







.cf, .main, .content, .nav-primary, .container, .top, .navigation { *zoom: 1; }











/*------------------------------------*\



    $ICONS



\*------------------------------------*/







.icon {



    display: inline-block;



    zoom: 1;



    *display: inline;



    vertical-align: middle;



    width: 16px;



    height: 16px;



    background: url(images/sprite.png) 0 0 no-repeat;



}







.icon-m {



	width: 24px;



	height: 24px;



}







.icon-l {



	width: 32px;



	height: 32px;



}







.icon-xl {



	width: 64px;



	height: 64px;



}







/*------------------------------------*\



    $ROW 1



\*------------------------------------*/







.icon-phone { background-position: 0 0; }



.icon-fax { background-position: -100px 0; }



.icon-email { background-position: -200px 0; }



.icon-address { background-position: -300px 0; }



.icon-hours { background-position: -400px 0; }



.icon-payment { background-position: -500px 0; }







/*------------------------------------*\



    $ROW 2



\*------------------------------------*/







.icon-info { background-position: 0 -100px; }



.icon-file { background-position: -100px -100px; }



.icon-search { background-position: -200px -100px; }



.icon-cross { background-position: -300px -100px; background-size: 600px 800px!important;}



.icon-tick { background-position: -400px -100px; }



.icon-user { background-position: -500px -100px; }







/*------------------------------------*\



    $ROW 3



\*------------------------------------*/







.icon-arrow-left { background-position: 0 -200px; }



.icon-arrow-right { background-position: -100px -200px; }



.icon-arrow-down { background-position: -200px -200px; }



.icon-arrow-up { background-position: -300px -200px; }







/*------------------------------------*\



    $RETINA ICONS



\*------------------------------------*/







@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {







	.icon, .nav-touch-toggle, .flex-direction-nav a, ul.list-ticked li:before, ul.child-pages a:before, ul.list-pages a:before,.form-search .search-submit:before, .list-accordion-title a:before  {



		background-image: url(images/sprite@2x.png);



		background-size: 1200px 1600px;



	}







}







/*------------------------------------*\



    $INLINE LIST



\*------------------------------------*/







.list-inline { list-style: none; }







.list-inline li { display: inline; }







.list-inline a {



    display: inline-block;



    zoom: 1;



    *display: inline;



}







/*------------------------------------*\



    $ICON LIST



\*------------------------------------*/







.list-icon { font-size: 0; }







.list-icon li { margin-left: 10px; }







.list-icon li:first-child { margin-left: 0; }







/*------------------------------------*\



    $ACCORDION LIST



\*------------------------------------*/







.list-accordion {



	margin-left: 0;



	border-top: 1px solid #ddd;



}







.list-accordion-title {



	font-size: 1em;



	line-height: 1.3em;



	margin-bottom: 0;



	border-bottom: 1px solid #ddd;



}







.list-accordion-title.open { border-bottom: none; }







.list-accordion-title a {



	display: block;



	position: relative;



	padding: 0.625em 0.313em;



}







.list-accordion-content {



	padding: 0.313em;



	border-bottom: 1px solid #ddd;



}







.list-accordion-title a:before {



	content: '';



	position: absolute;



	top: 50%;



	right: 0.313em;



	display: block;



	width: 24px;



	height: 24px;



	margin-top: -12px;



	background: url(images/sprite.png) -200px -200px no-repeat;



}







.list-accordion-title.open a:before { background-position: -300px -200px; }







/*------------------------------------*\



    $CALL NOW



\*------------------------------------*/







.call-now {



	position: fixed;



	bottom: 0;



	left: 0;



	width: 100%;



	z-index: 999;



}







.call-now a {



	display: block;



	text-align: center;



	margin-bottom: 0;



	font-size: 1.125em;



}







/*------------------------------------*\







    $SIDR







	Slide out sidebar for touch devices







\*------------------------------------*/







.sidr {



    display: none;



    position: absolute;



    position: fixed;



    top: 0;



    height: 100%;



    z-index: 999999;



    width: 280px;



    overflow-x: none;



    overflow-y: auto;



	background-color: #fff;



	padding-bottom: 2em;



}







.sidr.right {



    left: auto;



    right: -280px;



}







/*------------------------------------*\



    $NEWSLETTER SUBSCRIPTION



\*------------------------------------*/







.form-subscribe input {



	margin-bottom: 0.313em; /* 5px */



	width: 100%;



	font-size: 1em;



	line-height: 1em;



}







.form-subscribe input[type="text"] { padding: 0.5em; }







.form-subscribe input[type="submit"] { padding: 0.75em; }







/*------------------------------------*\



    $BREADCRUMBS



\*------------------------------------*/







.nav-breadcrumb {



	font-size: 0.875em;



	line-height: 1em;



	margin: 0.6em 0em;



	color:#FFF;



	text-transform:uppercase;



}



.nav-breadcrumb a {



	color:#FFFFFF;



}







/*------------------------------------*\



    4. $STATE



\*------------------------------------*/







.is-invisible {



       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



           filter: alpha(opacity=0);



     -moz-opacity: 0;



   -khtml-opacity: 0;



          opacity: 0;



}







.no-transition {



	-webkit-transition: none;



       -moz-transition: none;



        -ms-transition: none;



         -o-transition: none;



            transition: none;



}







.spinner {



	height: 60px;



	width: 60px;



	position: absolute;



	top: 50%;



	left: 50%;



	margin-top: -30px;



	margin-left: -30px;



	-webkit-animation: rotation 1s infinite linear;



	   -moz-animation: rotation 1s infinite linear;



	     -o-animation: rotation 1s infinite linear;



	        animation: rotation 1s infinite linear;



	border-left: 6px solid rgba(0,0,0,.15);



	border-right: 6px solid rgba(0,0,0,.15);



	border-bottom: 6px solid rgba(0,0,0,.15);



	border-top: 6px solid rgba(0,0,0,.8);



	border-radius: 100%;



}







@-webkit-keyframes rotation {



	from { -webkit-transform: rotate(0deg); }



	to { -webkit-transform: rotate(359deg); }



}







@-moz-keyframes rotation {



	from { -moz-transform: rotate(0deg); }



	to { -moz-transform: rotate(359deg); }



}







@-o-keyframes rotation {



	from { -o-transform: rotate(0deg); }



	to { -o-transform: rotate(359deg); }



}







@keyframes rotation {



	from { transform: rotate(0deg); }



	to { transform: rotate(359deg); }



}























/*------------------------------------*\



    5. $THEME



\*------------------------------------*/







/*------------------------------------*\



    $COLOURS



\*------------------------------------*/



#countdown { 
	color:#FF0000;
}



/* Brand primary and secondary colours */



.bpc { color: #808080; }



.bsc { color: #454545; }







.text-white { color: #fff; }



.text-light { color: #eee; }



.text-neutral { color: #808080; }



.text-dark { color: #333; }







::selection {



    background: #1dbdef;



    color: #fff;



    text-shadow: none;



}







/*------------------------------------*\



    $BACKGROUNDS



\*------------------------------------*/







/* Brand primary and secondary background colours */



.bpb { background-color: #808080; }



.bsb, .island { background-color: #454545; }







.bg-light { background-color: #eee; }



.bg-neutral { background-color: #808080; }



.bg-dark { background-color: #333; }







#tabbed-bg { background-color:#f1f1f1; }



.tabs-left .active { background-color:#FFFFFF; }


.nav-tabs>li>a {
	border:1px solid #e2e2e2!important;
    margin: 0px 0px 4px 0px;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	margin-right:0px!important;
	border-right:0px!important;
	text-transform:uppercase;
	font-weight:normal;
	color:#ababab;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border-left: 10px solid #000000!important;
	border-top:1px solid #e2e2e2!important;
	border-bottom:1px solid #e2e2e2!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	}

.tabs-left {
	border-right:0px!important;
}
.tab-content {
	padding:20px;
}

@media all and (max-width: 43.688em) { /* 699px */
	.tabs-left>li a { border-right:1px solid #e2e2e2!important;}

  .nav>li>a {
    color: #444 !important;

  }

}