@charset "utf-8";

/* ----------------------------------

Name: custom.css
Version: 2.0
theme colour:  #45ad87

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
------------------------------------- */

/* ----------------------------------
Moves the logo slightly up
decreases logo size on small screens
------------------------------------- */


header a.logo img {max-height:55px;}

@media only screen and (max-width: 1200px) and (min-width: 701px)
{
	header a.logo img {max-height:45px;}
}


@media only screen and (max-width: 700px) and (min-width: 320px)
{
	header a.logo img {max-height:40px;}
}


/* ----------------------------------
Alternative headlines
------------------------------------- */

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 {font-size:70px; line-height:70px;}                          /* Top photo headline all pages  */
h2 {font-size:55px; line-height:60px;}
h3 {font-size:16px; line-height:26px; margin-bottom:0px;}       /* sponsor history / share / subheads in text */
h4 {font-size:40px; line-height:46px;}
h5 {font-size:32px; line-height:40px;}
h6 {font-size:25px; line-height:30px;}                          /* section head on all pages */


@media only screen and (max-width: 1300px) and (min-width: 1200px)
{
	h1 {font-size:70px; line-height:80px;}
}


@media only screen and (max-width: 1199px) and (min-width: 661px)
{
	h1 {font-size:45px; line-height:50px;}
}

@media only screen and (max-width: 660px) and (min-width: 320px)
{
	h1 {font-size:35px; line-height:40px;}
	h4 {font-size:35px; line-height:40px;}
}

/* ----------------------------------
Paragraph font sizes
------------------------------------- */

p {font-size:18px; line-height:30px;}

/* ----------------------------------
additional margins and paddings
------------------------------------- */


.margin-1px-top {margin-top:1px}
.margin-2px-top {margin-top:2px}
.margin-3px-top {margin-top:3px}
.margin-4px-top {margin-top:4px}

.margin-1px-bottom {margin-bottom:1px}
.margin-2px-bottom {margin-bottom:2px}
.margin-3px-bottom {margin-bottom:3px}
.margin-4px-bottom {margin-bottom:4px}

.padding-1px-left {padding-left:1px;}
.padding-2px-left {padding-left:2px;}
.padding-3px-left {padding-left:3px;}
.padding-4px-left {padding-left:4px;}
.padding-6px-left {padding-left:6px;}
.padding-7px-left {padding-left:7px;}
.padding-8px-left {padding-left:8px;}
.padding-9px-left {padding-left:9px;}

.padding-1px-right {padding-right:1px;}
.padding-2px-right {padding-right:2px;}
.padding-3px-right {padding-right:3px;}
.padding-4px-right {padding-right:4px;}
.padding-6px-right {padding-right:6px;}
.padding-7px-right {padding-right:7px;}
.padding-8px-right {padding-right:8px;}
.padding-9px-right {padding-right:9px;}

.padding-100px-bottom {padding-bottom:100px;}
.padding-110px-bottom {padding-bottom:110px;}
.padding-120px-bottom {padding-bottom:120px;}
.padding-130px-bottom {padding-bottom:130px;}
.padding-140px-bottom {padding-bottom:140px;}
.padding-150px-bottom {padding-bottom:150px;}
.padding-160px-bottom {padding-bottom:160px;}
.padding-170px-bottom {padding-bottom:170px;}

.padding-40-top {padding-top:40%;}

/* ----------------------------------
Creates a gap between icon and text in download/link lists
------------------------------------- */

.ti-file, .ti-world {padding-right:10px; }
.ti-location-pin {padding-right:6px; }
.ti-file {position:relative; top: 0px;}
.ti-location-pin {font-size:20px;position:relative; top: 3px; left:-2px;}
.ti-heart, .ti-world, .ti-mobile {position:relative; top: 1px;}
.ti-email {position:relative; top: 4px;}
.ti-heart {color: red;}

.ti-star {padding-right: 2px; color: #45ad87; font-weight: 600; font-size: 20px}
.fa-star {padding-right: 2px; color: #45ad87; font-weight: 600; font-size: 20px}
.fa-star-half-alt {padding-right: 2px; color: #45ad87; font-weight: 600; font-size: 20px}

.lists a, .lists a:active, .lists a:focus { text-decoration: none; border-bottom: 0px solid #45ad87; }
.lists a:hover, .lists a:active{border-bottom: 3px solid #45ad87; color: #0e5116; text-decoration: none;  }

/* ----------------------------------
Most links in text set to theme colour
------------------------------------- */

a, a:active, a:focus {text-decoration: none; }
a:hover, a:active{color:  #45ad87; text-decoration: none;}
.social-icon-style-8 a:hover { color: #45ad87;}

.linksunderline a, .linksunderline a:active, .linksunderline a:focus { text-decoration: none; border-bottom: 3px solid #45ad87; }
.linksunderline a:hover, .linksunderline a:active{font-color:#45ad87; border-bottom: 3px solid #45ad87; color: #0e5116; text-decoration: none;  }



/* ----------------------------------
Moves bullet points to the left
------------------------------------- */

.moveleft {margin-left:-25px;}


/* ----------------------------------
Contact form success message
------------------------------------- */

#success-project-contact-form { clear: both; margin: 0 0 0 0; text-align: center; border: 0px solid #1a940a; color: #1a940a;  padding: 0 0 0 0; display: none; font-size: 18px}

/* ----------------------------------
adjusts the text in the select field in the contact form
change colour of the select field in the contact form
------------------------------------- */

.medium-select select { padding-left: 16px;}
.select-style { border: 1px solid #939393;}


/* ----------------------------------
theme btn colours
------------------------------------- */

.btn.btn-theme-green {background: #45ad87; border-color: #45ad87; color: #ffffff}
.btn.btn-theme-green:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: #45ad87; color: #45ad87}


/* ----------------------------------
News page categories list
creates additional font size
for categories list
------------------------------------- */

.text-smallmedium {font-size:14px; line-height:22px;}
.text-medium2 {font-size:14px; line-height:28px}
.text-medium3 {font-size:13px; line-height:23px}

/* ----------------------------------
removes background from single image lightbox in text
------------------------------------- */

.wp-caption { background: #ffffff; padding:0px; text-align: center; border: 0px solid rgba(0,0,0,.1); }

/* ----------------------------------
booking logo reduce size
------------------------------------- */

.booking-logo  {max-width:110px; height:auto;}


/* ----------------------------------
scroll to top
------------------------------------- */

.scroll-top-arrow, .scroll-top-arrow:focus { background: #45ad87; right: 25px;}
.scroll-top-arrow:hover {background: #184c39;  border-color: #ff214f}


/* ----------------------------------
galleries; removes excessive fade
------------------------------------- */

/* hover option 2 */
.hover-option2 .grid-item figcaption {height: 100%}
.hover-option2 .grid-item .portfolio-hover-main {transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option2 .grid-item .portfolio-hover-content {bottom:-15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option2 .grid-item:hover .portfolio-hover-content {bottom:0;}
.hover-option2 .separator-line-horrizontal-medium-light2 {opacity:.5}
.hover-option2 .grid-item figure:hover img { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); opacity: 0.80; transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.container .hover-option2 .grid-item figcaption {padding: 30px;}

/* ----------------------------------
change line height for social icons in footer
------------------------------------- */

.medium-icon a {font-size: 20px; width: 50px; height:50px;line-height: 0px;}
.medium-icon li {margin: 0 14px}