/* Sticky Footer */
html, body {
  height: 100%;
  margin: 0;
  font-family: "Nunito", sans-serif;
}
.wrapper {
  min-height: 100%;
  margin-bottom: -1080px;
}
.footer,
.push {
  height: 1080px;
}

.text-primary{
   color: rgb(0, 46, 73) !important;
}
a {
   color: rgb(0, 46, 73);
}
.btn-primary, .bg-primary {
    background-color: rgb(2, 46, 73) !important;
    border-color: rgb(1, 33, 52);
}

h1,h2,h3,h4,h5 {
	font-family: 'Amatic SC', cursive !important;
	font-weight: 700 !important;
}
h1 {
	font-size: 3rem;
}
h2 {
	font-size: 2.6rem;
}
h3 {
	font-size: 2.25rem;
}
h4 {
	font-size: 1.75rem;
}
h5 {
	font-size: 1.5rem;
}

/* Fonts */

@font-face {
  font-family: 'Nunito';
  src: url("../fonts/Nunito-Regular.eot");
  src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/Nunito-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Nunito-Regular.woff") format("woff"), url("../fonts/Nunito-Regular.ttf") format("truetype"), url("../fonts/Nunito-Regular.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Nunito';
  src: url("../fonts/Nunito-SemiBold.eot");
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url("../fonts/Nunito-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Nunito-SemiBold.woff") format("woff"), url("../fonts/Nunito-SemiBold.ttf") format("truetype"), url("../fonts/Nunito-SemiBold.svg#Roboto") format("svg");
  font-weight: 600;
  font-style: normal; }
  

/* Forms */

.radios, .checkboxes {
	margin-bottom: 10px;
}
.radios > input, 
.checkboxes > input ,
input[type="checkbox"] {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: background-color,border;
    transition-property: background-color,border;
}
.radios > input:checked, 
.checkboxes > input:checked ,
input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%2F%3E%0A%3C%2Fsvg%3E")
}
input[type="checkbox"]:checked, .radios > input:checked, .checkboxes > input:indeterminate,.radios > input:indeterminate {
    background-color: #333;
    border-color: transparent;
}
.radios > input,
input[type="radio"] {
	border-radius: 50%;
}
.radios > input,
.radios > label,
.checkboxes > input,
.checkboxes > label {
	display: inline-block;
	margin-right: 4px;
}
.radios > label, .checkboxes > label {
	margin-right: 10px;
}
.radios input + input,
.checkboxes input + input {
	padding-left: 4px;
}
.form-group, .cck_form {
    margin-bottom: 1rem;
}
.navbar .cck_form {
    margin-bottom: 0;
}
.navbar .cck_module_search .mb-5 {
	margin-bottom: 1rem !important;
}
.form-control, .cck_form input.inputbox.text, .cck_form textarea, .cck_form select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control, .cck_form input.inputbox.text, .cck_form select {
    height: calc(2.25rem + 2px);
}
.btn, .navbar .cck_form_search_generic input.text {
	border-radius: 50px;
}
/* Pagination */
.pagination {
	display: block;
}

.pagination ul {
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	justify-content: center;
}
.pagination p.counter {
	width: 100%;
}
.pagination ul li a, .pagination ul li span {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination ul li a:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.pagination ul li:first-child a, .pagination ul li:first-child span {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.pagination ul li:last-child a, .pagination ul li:last-child span {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
/* Link mask*/
.link-mask {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2,46,73,0.2);
	z-index: 1;
	transition: background 0.3s ease;
}
.link-mask:hover, .text-shadow:hover + .link-mask {
	background: rgba(2,46,73,0.4);
}

.text-shadow {
	text-shadow: 1px 1px 1px #022e49;
	text-decoration: none !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Muli', sans-serif;
}

/* Navigation */
.nav-fill [class^=item-], [class*=" item-"] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.navbar-dark .navbar-nav a {
    color: rgba(255,255,255,.9);
	display: block;
    padding: .5rem 1rem;
}

.navbar-dark .navbar-nav a:focus, .navbar-dark .navbar-nav a:hover {
    color: rgba(255,255,255,.75);
	text-decoration: none;
}
@media (min-width: 992px) {
	.navbar-expand-md .navbar-nav a {
		padding-right: .5rem;
		padding-left: .5rem;
	}
}

.launch a {
	font-size: 0.8rem !important;
}

.sticky {
	position: sticky;
	top: calc(50px + 2rem);
}

.side-nav {
	margin-bottom: 2rem;
}

.side-nav a:hover {
	text-decoration: none;
}

.angle-5 {
	transform: rotate(5deg);
}


/* Hero */
.hero .caption {
	padding: 226px 0 170px;
	background: none;
}
.hero {
	margin-top: -56px;
	position: relative;
}
.hero .item {
	background-repeat: no-repeat; 
	background-size: cover;
	background-attachment: fixed;
}
.contact-bg {
	background-image: url(/images/sydney.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height: 500px;
}
.caption {
	z-index: 2;
	position: relative;
	background-color: rgba(0,46,73,0.8);
	padding: 3rem;
	display: flex;
	text-align: left;
	align-items: center;
	flex-wrap: wrap;
	max-width: 550px;
}

.caption h3 {
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}

/*.caption {
	z-index: 2;
	position: relative;
	padding: 3rem;
	color: #fff;
	max-width: 550px;
	text-align: left;
}*/

.hero h1 {
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.hero .owl-dots {
	float: right;
    width: 10px;
    position: absolute;
    top: 40%;
    right: 20px;
}
.owl-carousel.owl-drag .owl-item {
	overflow: hidden;
}

/* Colours */
/*.text-red {
	color: #fa2626;
}
.text-primary {
	color: #022e49 !important;
}
.bg-primary {
	background-color: #022e49 !important;
}*/
.bg-dark {
	background-color: rgba(3,21,32,0.9) !important;
}
.navbar-dark.bg-dark {
	z-index: 99;
	position: sticky;
	top: 0;
}
.bg-cityscape {
	background-image: url(../img/city-scape.jpg);
	background-position: top;
	background-size: 100%;
}
.bg-coffee {
	background-image: url(../img/bg-coffee.jpg);
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}/*
.btn-primary {
	background-color: #022e49 !important;
	border-color: #012134;
}
.btn-outline-primary {
	color: #012134;
	border-color: #012134;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
	background-color: #022e49 !important;
	border-color: #012134;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1,333,42,.5);
}*/

/* Images */
.fill-frame {
	min-height: 100%;
	min-width: 100%;
}

/* Custom */
.rssocial-left {
	margin: 0 !important;
}
.border-none {
	border: 0 !important;
}
.border-radius-none {
	border-radius: 0 !important;
}
.top-right {
	position: absolute;
	top: 0;
	right: 0;
}
.blockquote {
	font-size: 1rem !important;
	margin-bottom: 0px;
}

.card-shadow {
    border: none;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.25);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.25);
}

.cck_module_list  .card-deck-wrap > section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cck_module_list  .card-deck-wrap > section .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
	.cck_module_list .card-deck-wrap > section {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.cck_module_list .card-deck-wrap > section .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
}

.cck_page_items .card-deck-wrap > section {
	display: flex;
	flex-wrap: wrap;
}
.cck_page_items .card-deck-wrap > section .card {
	margin-right: 1.5rem;
}

.mw-33 {
	max-width: calc(33.3333% - 1.5rem);
}
.mw-50 {
	max-width: calc(50% - 1.5rem);
}

.main img {
    max-width: 100%;
    height: auto;
}
/* RESPONSIVE UTILITIES */
/* Phone */
@media (max-width:767px) {
	.hero {
		margin-top: 0;
	}
	.hero .caption {
		padding: 100px 0;
		background: none;
	}
	.hero h1 {
		font-size: 2rem !important;
	}
	.hero .btn-lg {
		font-size: 0.8rem;
	}
	.hero .item, .contact-bg {
		background-attachment: initial !important;
		background-position: center center;
	}
	.navbar-brand > img {
		height: 80px !important;
	}
	.blog.mw-50 {
		width: 100% !important;
		max-width: 100% !important;
	}
	.navbar-dark.bg-dark, .sticky {
		position: relative;
	}
	.section-header-bg .d-flex {
		flex-wrap: wrap;
	}
	.section-header-bg h1,
	.section-header-bg .btn-outline-primary {
		width: 100% !important;
	}
	.affiliates h3 {
		width: 100% !important;
	}
	.affilaites img {
		max-width: 30%;
	}
	.flex-wrap-xs {
		flex-wrap: wrap;
	}
	.section-header-bg h1 {
		width: 100%;
	}
	.section-header-bg .btn {
		margin-left: 0 !important;
		width: auto !important;
	}
	
}