/*
Theme Name: Another Merge Theme
Version: 1.0a
Author: Merge Digital
Author URI: http://www.mergedigital.com.au/

*/


/*-- GLOBAL
----------------*/

h1 {
	
}

h2 {
	font-size: 24px;
}

a {
	color: #ddd;
}

a:hover {
	color: #fff;
}

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

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
border-color: #ffc803;;
}

ul {
list-style-image: url(http://103.9.171.182/~wideangles/wp-content/uploads/2016/01/bullet-point.jpg);
padding: 0px 30px;
}

a.btn-yellow {
	background-color: #ffc803;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 5px;
	color: #333;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 16px;
color: #333;
}

a.btn-yellow:hover {
background-color: #e9b703!important;
text-decoration: none;
}

input, textarea {
padding: 8px!important;
    border: solid 5px #c9c9c9;
    -webkit-box-shadow: inset 0 0 0 1px #666666;
    -moz-box-shadow: inset 0 0 0 1px #666666;
    box-shadow: inset 0 0 0 1px #666666;
    -webkit-transition: box-shadow 0.3s, border 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s;
    transition: box-shadow 0.3s, border 0.3s;
}

.gform_wrapper .gfield_required {
color: #f00;
}


.textright {
text-align: right;
}

.carousel-inner {
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
}


/*-- MAIN
------------------*/

body {
	padding-top: 100px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	background: url(http://103.9.171.182/~wideangles/wp-content/uploads/2016/01/repeat.jpg) top left repeat-x #2e2e2e;
font-weight: 300;
}


.left-content {
 	background-color: #333333;
	padding: 20px;
	margin: 20px 0;
}

.left-content h1 {
	font-size: 28px;
	margin: 0 0 15px 0;
	color: #ffc803;
	text-transform: uppercase;
}


/*-- NAV
------------------*/


.navbar-brand {
	height: auto;
	padding: 20px 5px 10px 15px;
}

.navbar {
	background: #2e2e2e;
	box-shadow: none;
	border: none;
	padding: 0px 0;
	border-top: 3px #ffc803 solid;
}
	
.navbar-default a {
	text-shadow: none;
}

.navbar-brand, .navbar-nav>li>a {
	text-shadow: none;
}



.navbar-default .navbar-nav > li > a {
	color: #fff;
}

.navbar-nav>li>a {
	padding: 35px 20px;
	border-bottom: 3px solid #2e2e2e;
	color: #fff;
text-transform: uppercase;
font-weight: 500;
}


.navbar-default .navbar-nav > li > a:hover {

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	background: none;
	color: #fff;
	border-color: #ffc803;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background: none;
	color: #fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #ffc803;
	color: #fff;
background-color: #444;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background: #333;
}


.dropdown-menu {
background-color: #444;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color: #444;
color: #fff;
}

.dropdown-menu > li > a {
color: #fff;
padding: 10px 15px;;
}

.dropdown-menu > li > a:hover { 
background-color: #333;
}


.navbar .nav-cta a {
color: #333333!important;
background-color: #ffc803!important;
padding: 13px 30px;
margin: 20px 0 0 20px;
border-radius: 5px;
display: inline-block;
font-size: 16px;
font-weight: 600;
border-bottom: 3px solid #FFC803;
}

.navbar .nav-cta a:hover {
background-color: #e9b703!important;
border: 0px;
}

.navbar-default .navbar-toggle {
border: 0px;
margin: 15px 10px 0 0;
}

.navbar-default .navbar-toggle:hover {
background-color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
background: #fff;
height: 3px;
width: 30px
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 6px;
}

.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
background-image: none;
background-color: #000;
}


/*-- HOME
------------------*/

.blk-slider1 .carousel {
	border: 10px solid #363636;
}

.blk-slider1 .carousel img {
width: 100%;
height: auto;
}

.hm-bens{
padding: 30px 0;


}

.hm-bens .hb-in {
	background-color: #363636;
	padding: 20px 0 15px 0;
}

.hm-bens .row .row {
background: none;
}

.hm-bens .col-sm-8 {
	padding-left: 0px;
}

.hm-bens h4 {
	margin: 5px 0 3px 0;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}

.hm-bens p {
	font-size: 14px;
	color: #ccc;
}

.hm-bens img {
max-width: 45px;
height: auto;

}

.hm-bens .col-xs-4 {
text-align: right;

}

.hm-banners .col-sm-3,
.hm-banners .col-sm-6 {
padding-left: 12px;
padding-right: 12px;
}

.hm-box h4 {
	padding: 10px 0 8px 0;
	margin: 2px 0 0 0;
	font-size: 19px;
min-height: 32px;
display: inline-block;
text-transform: uppercase;
}

.hm-box {
	background-color: #363636;
	padding: 10px 10px 5px 10px;
	margin: 0 0 20px 0;
	text-align: left;
}

.hm-box:Hover {
	background-color: #444;
}


.hm-box img {
width: 100%;
}

.hm-bens .img-responsive {
margin: 0px 0 0px auto;
}


.hm-banners .col-sm-3:nth-child(4n) {
clear: left;
}

.hm-banners a {
color: #fff; 
}

.hm-banners a:hover {
text-decoration: none;
}

.hm-test {

}

.hm-test .carousel {
background: #363636;
}

.hm-test .test-content {
font-size: 18px;
max-width: 700px;
margin: 0 auto;
text-align: center;
padding: 50px 0 50px 0;
font-style: italic;

}

.hm-test .test-content p {
margin: 20px 0 0 0;
color: #ffc803;
}

.hm-test .carousel-indicators {
bottom: 0px;
}

.carousel-control.right,
.carousel-control.left {
background: none;
}

.hm-logos {

}

.hm-logos h3 {
	text-align: center;
	font-size: 20px;
	margin: 40px 0 25px 0;
}


/*-- Booking Form
------------------*/


.gform_wrapper h2 {
color:  #ffc803;

}


.ginput_container_address label {
display: none;
}


.gform_fields input,
.gform_fields textarea {
color: #333;
}

h2.gsection_title {
text-transform: uppercase;
font-weight: 500!important;

}

.gfield_error {
color: #333;
}

.gf_left_half,
.gf_left_half li {
margin-bottom: 0px!important;
}

.ginput_container {
margin-top: 0px!important;
}

.ginput_container_textarea {
margin-top: 30px!important;
}

.gform_wrapper div.validation_error {
    color: #f00;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1.6em;
    border-top: 2px solid #f00;
    border-bottom: 2px solid #f00;
    padding: 1em 0;
    clear: both;
    width: 97.5%;
}
.gform_fields label {
font-weight: 400;
}


.gfield_label {
color: #ffc803;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
display: none;
}

.gform_fields li,
.ginput_container_radio {
margin-bottom: 20px;
}

input.gform_button {
background-color: #ffc803;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 5px;
	color: #333;
width: 100%;
text-align: center;
font-weight: 600;
border: 0px;
font-size: 20px!important;
}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
color: #ffc803;
}

.gform_wrapper .datepicker {
width: 80%!important;
}
.ui-datepicker-title select {
color: #333!important;
}


.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
color: #999;
}

.gform_wrapper .top_label .gfield_description.validation_message {
color: #f00!important;
}


/*-- SERVICES
------------------*/

.left-content {
background-color: #444;
}

.left-content p {
text-align: justify;
}

.gallery {

}

.gallery .col-xs-3 {
padding: 0px;
}

.gallery .thumbnail {
padding: 0px;
border: 0px;
border-radius: 0px
background: none;
}

.gallery .wppninja-spacing {
margin: 0px;
}

.gallery .thumbnail {
margin: 0px;
border: 5px solid #333;
border-radius: 0px;
}

a.thumbnail:hover {
background-color: #ffc803;
}

img.mfp-img {
border: 1px solid #fff;
margin: 40px 0;
padding: 0px;
}


a.thumbnail:hover {
background-color: #ffc803;
}

.rc-reqprice {
text-align: center;
padding: 15px 10px 20px 10px;
font-size: 16px;
border-top: 1px solid #222;
}


.rc-reqprice a {
color: #fff;

}

.rc-reqprice a:hover {
color: #aaa;
text-decoration: none;
}

.rc-reqprice span {
color: #ffc803;

}


.mb-cta .btn-serv {
    background-color: #ffc803;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.mb-cta .btn-serv span {
font-size: 16px;
display: block;
    font-weight: 600;
}


/*-- BLANK
------------------*/

.page-template-temp-blank {

}

body.page-template-temp-blank  {
padding-top: 10px;
}

.page-template-temp-blank nav,
.page-template-temp-blank .footer {
display: none;
}


/*-- RIGHT COL
------------------*/

.right-col {
	margin: 20px 0
}

.right-col h4 {
color: #ffc803;
font-weight: 600;
text-align: center;
font-size: 19px;
}



.right-col .btn-serv {
	background-color:#ffc803;
	color: #333;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	text-transform: uppercase;
}

.right-col .btn-serv:hover {
	text-decoration: none;
background-color: #e9b703;
}

.right-col .btn-serv span {
	display: block;
	font-weight: 600;
	font-size: 16px;
}

.rc-price {
background-color: #333;
padding: 0px;
margin: 30px 0 15px 0;
}

.rc-price h4 {
background-color: #444;
padding: 10px 5px;
}

.price-box {
padding: 10px;
}

.rc-test {
text-align: center;
padding: 5px;
}


.rc-test p{
font-style: italic;
}

p.test-auth {
color: #999;
font-style: normal!important;
font-weight: 600;
text-transform: uppercase;
font-size: 12px!important;
}

p.test-auth span {
display: block;
}


.rc-test p{

}


/*-- FOOTER
------------------*/

.footer {
	margin: 0 0 40px 0;
	padding: 0px 0px;
}

.f-line {
	border-top: 3px #ffc803 solid;
	margin: 40px 0;

}

.footer h4 {
	text-transform: uppercase;
	font-size: 14px;
font-weight: 600;
}

.footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footer .f-logo {
margin: 0 0 10px 0;
text-align: left;
}

.footer p {
color: #bdc3c7;
font-size: 12px;
}

.footer ul li {
	margin: 0px;
	padding: 0px 0 5px 0;
}

.footer .f-serv li {
width: 47%;
display: inline-block;
}

.footer ul li a {
	color: #aaa;
}


.hm-test .test-content {

}


/*-- POPUP
--------------------------*/

.modal-content {
background-color: #333;
}

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

.modal-header h4 {
font-size: 26px;
}

.modal-header h4 span {
color: #ffc803;
}

.modal-content input {
color: #333;
}

.modal-content .gform_wrapper div.validation_error {
color: #f00;
border-color: #f00;
text-align: Center;
}



/*-- MEDIA CLASSES
--------------------------*/

@media(max-width:1200px){



}

@media(max-width:992px){

.navbar-right {
padding: 0;
}

}

@media(max-width:768px){

body {
background-image: none;
padding-top: 70px;
}

.navbar-brand img {
width: 200px;
height: auto;
}

.navbar-nav > li > a {
padding: 10px;
text-align: center;
}

.navbar .nav-cta a {
width: 90%;
margin: 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
text-align: center;
padding: 10px;
color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #999;
}

.hm-bens {

text-align: center;
}

.hm-bens .img-responsive {
margin: 10px auto 5px auto;
}

.hm-bens .row {
min-height: 140px;
}

.hm-test .test-content {
font-size: 16px;
padding: 30px 20px 50px 20px;
}


/*-- Booking page
----------------------*/

.gform_wrapper .top_label li.gfield.gf_left_half, 
.gform_wrapper .top_label li.gfield.gf_right_half {
display: inline;
width: 100%;
}


.gf_right_half ul{
margin: 0 0 0 30px!important;
}


ul.gfield_checkbox input,
ul.gfield_radio input {
background-color: #fff!important;
margin: 0 10px 0 0;

}


ul.gfield_checkbox li,
ul.gfield_checkbox ul li {
margin: 0 0 0px 0!important;
font-size: 18px;
padding: 0px!important;
}



#input_1_25 {
margin: 0px;
padding: 0px;
}

#input_1_25 li {
margin: 0 0 20px 0!important;
}

#input_1_25 .gchoice_1_25_4 {
margin: 0px!important;
padding: 0px!important;
}


ul.gfield_radio li {
margin: 0 0 10px 0!important;
font-size: 18px;

}



.footer .f-serv li {
width: 100%;

}


}

@media(min-width:768px){

  .dropdown:hover .dropdown-menu {
    display: block;
 }

}