/*
Theme Name: HMWD Divi Child
Theme URI: http://www.handmadeweb.com.au/
Description: Handmade Web Divi Child Theme
Author: Handmade Web
Author URI: http://www.handmadeweb.com.au
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
*/

@import url("../Divi/style.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); 

/* custom CSS below here */

/* ========================= */
/*  This file is a basic template for a fresh install of WordPress with Divi */
/*  It can be copied and pasted directly into the "Custom CSS" field of Theme Options" */
/*  Once this is in, the CSS can be adjusted, added to, and amended where necessary */
/*  Any other custom CSS specific to this project should go into section 6*/
/*========================== */


/*TABLE OF CONTENTS:
1.0 Typography
    1.1 Headings
    1.2 Paragraphs
    1.3 Links
    1.4 Lists
2.0 Navigation Menu
    2.1 Mobile Menu
    2.2 Nav Bar Logo
3.0 Gravity Forms
    3.1 Labels
    3.2 Text Inputs
    3.3 Submit Buttons
    3.4 Validation Messages
    3.5 Drop Down Inputs
    3.6 Searchable Drop Downs
    3.7 Checkboxes
    3.8 Radio Buttons
    3.9 Section Headings
    3.10 Date Pickers
    3.11 Tables
    3.12 Drag & Drop Areas
4.0 Helper Classes
5.0 Footer
6.0 Other Custom CSS
7.0 Media Queries
=============================*/


/*1.0 TYPOGRAPHY*/
/* Most browsers have a default of 16px, this is adjusted to 10px for easy calculations, you shouldn't need to change this, update the font-sizes in headings, paragraphs, links, and lists instead */
html {
    font-size: 62.5%;
}
body {
    font-size: 12px; /* fallback for IE */
    font-size: 1.2rem; /* =12px */
}
@font-face {
    font-family: 'brush-tipTerrence trial';
    src: url('fonts/brush-tipTerrence.woff2') format('woff2'),
        url('fonts/brush-tipTerrence.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft DEMO';
    src: url('fonts/QanelasSoftDEMO-ExtraBold.woff2') format('woff2'),
        url('fonts/QanelasSoftDEMO-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft';
    src: url('fonts/QanelasSoft-Medium.woff2') format('woff2'),
        url('fonts/QanelasSoft-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Qanelas Soft DEMO';
    src: url('fonts/QanelasSoftDEMO-UltraLight.woff2') format('woff2'),
        url('fonts/QanelasSoftDEMO-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

/* Apply any base styles needed for all typography. Please combine where possible if all styles use same font or attribute. */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
    font-family: 'Qanelas Soft';
    word-wrap: normal;

}

/*1.1 HEADINGS*/
h1 {
    font-size: 46px;
    font-size: 4.6rem; /* =46px */
    text-transform: uppercase;
    font-weight: bold;
  line-height: 1.4em;
}

h2 {
    font-size: 36px;
    font-size: 3.6rem; /* =36px */
    line-height: 30px; 
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: normal;
}

h3 {
    font-size: 28px;
    font-size: 2.8rem; /* =28px */
    font-weight: normal;
}

h4 {
    font-size: 22px;
    font-size: 2.2rem; /* =22px */
}

h5 {
    font-size: 18px;
    font-size: 1.8rem; /* =18px */
}

h6 {
    font-size: 16px;
    font-size: 1.6rem; /* =16px */
}

/*1.2 PARAGRAPHS*/
p {
    color: #000000;
    font-size: 16px;
	text-shadow: none!important;
    line-height: 1.6em !important;
    padding-bottom: 0.3em;
}

@media (max-width: 767px){
h2 {
    font-size: 22px;
    font-size: 2.2rem; /* =36px */
}
p {
    font-size: 16px;
    
}
}
/*1.3 LINKS*/
/* Add 'link-colour-alternate' to the class field of the
   module you want to use the alternate colour. */
.link-colour-alternate a {
    color: #a7aab9;
}

/*1.4 Lists*/
li {
    font-size: 16px;
    font-size: 1.6rem; 
}


/*2.0 NAVIGATION MENUS*/
/* Any changes to the nav menu should go here */


/*2.1 MOBILE MENUS*/
/* Make the mobile menu scroll if it's too long */
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

/* Fixed navigation menu on mobile */
@media all and (max-width: 980px) {
  
  #main-header {
  	height: auto !important;
    max-height: 70px;
  }
  
  .et_header_style_split .et_mobile_menu {
  	top: 30px !important;
  }
  
  #logo {
  	height: 150px !important;
    width: 150px !important;
  }
  
  .et_header_style_split #et_mobile_nav_menu {
    margin-top: -130px !important;
	}
  
    .et_non_fixed_nav.et_transparent_nav #main-header,
    .et_non_fixed_nav.et_transparent_nav #top-header,
    .et_fixed_nav #main-header,
    .et_fixed_nav #top-header {
        position: fixed !important; 
    }
  .et_header_style_split #main-header .mobile_nav {
  	background: none !important;
  }
}

/*2.2 NAV BAR LOGO*/
#logo-header .header-content img.header-logo {
    max-width: 70%;
}


/*3.0 GRAVITY FORMS*/
.gform_wrapper form .gfield {
    padding-left: 0;
    padding-right: 0 !important;
}

/* Adjust the default 50/50 class */
.gform_wrapper form .gform_body li.gf_left_half,
.gform_wrapper form .gform_body li.gf_right_half {
    margin-bottom: 0;
}

/* Removes the extra space that sometimes appears when using 2 column layouts */
body .gform_wrapper .gform_body .gform_fields div.ginput_container {
    margin-top: 0;
}

/* Remove right padding from fields */
.gform_wrapper .gform_body .gform_fields li.gfield {
    padding-right: 0;
}

/* Remove the bullet point before the contact form */
.contact-form_wrapper form.contact-form .gform_body ul li:before {
    display: none !important;
}

/* Hide the input of a field with the ".hidden-input" class */
.gform_wrapper form .gform_body .hidden-input.gfield input {
    display: none !important;
}

/* If the 'scroll to anchor' script is being used, the css below will generate an */
/* offset to stop the navigation menu from covering the confirmation message      */
.gform_anchor:target:before {
    content: "";
    display: block;
    height: 200px; /* value should be the offset from the top of the window */
    margin: -200px 0 0; /* negated value of the offset above */
}

/*3.1 LABELS*/
/* Remove the labels above the inputs - usually placeholder text is used instead */
/* To use the labels, remove "display: none;" and use this to target labels */
.gform_wrapper h3.gform_title {
	display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield_label {
    display: block;
	margin-bottom:10px;
}

.gform_wrapper form .gform_body label {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3A3B3D;
    width: 100%;
}

.gform_wrapper form .gform_body label .gfield_required {
    color: #db0000;
}

/* Add text after requried '*'*/
.gform_wrapper:not(.contact-form_wrapper) form .gform_body label .gfield_required:after {
    content: "Required field";
    font-size: 10px;
    vertical-align: text-top;
}

/*3.2 TEXT INPUTS*/
.gform_wrapper form .gform_body input[type="text"],
.gform_wrapper form .gform_body textarea,
.gform_wrapper form .gform_body .ginput_container_select > select,
.gform_wrapper form .gform_body .ginput_container_multiselect > select,
.gform_wrapper form .gform_body .chosen-container a.chosen-single {
    font-size: 16px !important;
    font-weight: normal;
    margin-bottom: 20px;
    border: 0;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ABABAB;
    box-shadow: inset 0px 0px 0px 0px #ABABAB;
    border-radius: 10px;
    text-transform: none;
    color: #A9A9A9;
    background: #FFF;
    min-height: 60px;
    padding: 10px 20px;
	border:2px #cccccc solid;
}
.gform_wrapper form .gform_body input[type="text"] {
    padding: 10px 20px !important;
}

.gform_wrapper .gform_fields li.gfield div.ginput_container input,
.gform_wrapper .gform_fields li.gfield div.ginput_container textarea,
.gform_wrapper .gform_fields li.gfield div.ginput_complex input {
    -webkit-transition:  color 0.2s, border-color 0.3s;
    transition: color 0.2s, border-color 0.3s;
    color: #999;
    background-color: #fafafa;
    border-color: #ddd;
    border-radius: 0;
    padding: 10px 14px !important;
    max-width: 99%; 
}

.gform_wrapper form .gform_body input:focus,
.gform_wrapper form .gform_body textarea:focus,
.gform_wrapper form .gform_body select:focus {
    -webkit-box-shadow: inset 0px 0px 0px 0px hsla(0, 0%, 50%, 1);
    box-shadow: inset 0px 0px 0px 0px hsla(0, 0%, 50%, 1);
    color: #808080;
}

/*3.3 SUBMIT BUTTONS*/
/* Remove some space (that sometimes appears) above the submit button */
.gform_footer {
    margin: 0;
    padding-top: 16px;
}

/* Remove submit button right margin (sometimes appears)  */
.gform_footer input[type="submit"].gform_button {
    margin-right: 0;
}

/* Target the submit button */
.gform_footer input[type="submit"] {
    -webkit-transition:  all 0.2s;
    transition: all 0.2s;
    background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/button.png) no-repeat bottom left;
	background-size:117px;
    border-radius: 0px;
    border: none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.7em;
    margin: 0 0 0 15px;
    padding: 0.5em 1.5em;
    text-transform: uppercase;
	float:left;
	padding-left:0px;
	padding-bottom:20px;
}

/* Target the submit button when the mouse is over it */
.gform_footer input[type="submit"]:hover {
	color:#5ec7c9;
}
.gform_wrapper .gform_footer {
	padding:0px!important;
	margin:0px!important;
}

/*3.4 VALIDATION MESSAGES*/
.gform_wrapper form div.validation_error {
    border-bottom: 2px solid #8d0c0c;
    border-top: 2px solid #8d0c0c;
    color: #AF0E0E;
    font-weight: 600;
}

.gform_wrapper form .gform_body .gfield.gfield_error {
    background-color: rgba(255, 119, 123, 0.15); 
}

.gform_wrapper form .gform_body .gfield_description.validation_message {
    color: #AF0E0E;
    font-weight: 600;
}

/*3.5 DROPDOWN INPUTS*/
.gform_wrapper .gform_fields li.gfield .ginput_container > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    color: #999;
    background-color: #fafafa;
    border-color: #ddd;
    border-radius: 0;
    display: block;
    font-size: 20px;
    line-height: normal;    
    margin: 0 !important;
    padding: 8px 20px 7px 10px !important;
    width: 100%;
}

.ie8 .gform_wrapper .gform_fields li.gfield .ginput_container > select {
    padding-right: 3px
}

.gform_wrapper .gform_fields li.gfield .ginput_container > select ::-ms-expand {
    display: none;
}

/* Add a drop down arrow to appropriate fields */
.gform_wrapper .gform_fields li.gfield div.gfield_time_ampm:after {
    border-top: 6px solid #999; /* The size & colour of the dropdown arrow */
    border-left: 6px solid transparent; /* Changes the triangle's shape */
    border-right: 6px solid transparent; /* Changes the triangle's shape */
    content: " ";
    height: 0;
    margin-top: -3px; /* Change to centre vertically */
    pointer-events: none;
    position: relative;
    top: -20px; /* Change to centre vertically */
    right: 96%; /* Distance from the right edge */
    width: 0;
    z-index: 2;
}

/*3.6 SEARCHABLE DROPDOWNS*/
.gform_wrapper form .gform_body .ginput_container_select > .chosen-container {
    width: 100% !important;
}

.gform_wrapper form .gform_body .ginput_container_select > .chosen-container b {
    display: none;
}

.gform_wrapper form .gform_body .chosen-container a.chosen-single {
    margin-bottom: 0;
    padding: 13px 20px;
}

/*3.7 CHECKBOXES*/


/*3.8 RADIO BUTTONS*/
.gform_wrapper form .gform_body input[type="radio"] {
    display: none;
}

.gform_wrapper form .gform_body input[type="radio"] label {
    position: relative;
    cursor: pointer;
}

.gform_wrapper form .gform_body input[type="radio"] + label {
    color: #717171;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: none;
}

.gform_wrapper form .gform_body input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 10px 0px 0px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #5EAB45;
}

.gform_wrapper form .gform_body input[type="radio"]:checked + label {
    position: relative;
    font-weight: 600 !important;
}

.gform_wrapper form .gform_body input[type="radio"]:checked + label:before {
    background-color: #5EAB45;
}

.gform_wrapper form .gform_body input[type="radio"]:checked + label:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

/*3.9 SECTION HEADINGS*/
.gform_wrapper form h2.gsection_title {
    font-size: 26px;
    font-weight: 600;
    color: #3B3B3B;
    line-height: 30px;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

/*3.10 DATE PICKERS*/
/* Move the date picker icon into the field */
.gform_wrapper input.datepicker.datepicker_with_icon + img.ui-datepicker-trigger {
    position: relative;
    top: 3px;
    left: -33px;
}

/* Adjust the position of the calendar icon at full width */
@media only screen and (max-width: 640px) {
    .gform_wrapper input.datepicker.datepicker_with_icon {
        margin-right: -30px !important;
        width: 100%;
    }
    .gform_wrapper input.datepicker.datepicker_with_icon + img.ui-datepicker-trigger {
        position: relative;
        top: 4px;
        left: 0px;
    }
}

/*3.11 TABLES*/
.gform_wrapper form .gform_body .gfield_list th {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3A3B3D;
}

.gform_wrapper form .gform_body .gfield_list td.gfield_list_icons {
    position: relative;
    bottom: 8px;
}

/*3.12 DRAG & DROP AREAS*/
.gform_wrapper form .gform_body .gform_drop_area {
    background: rgba(0,0,0,0.04);
    border: 1px dashed #999;
    color: #999;
}


/*4.0 HELPER CLASSES*/
/* These classes can be added to modules, rows or sections
   to allow the behaviour to be updated in one place */

.circle img {
	border-radius: 50%;
}

.alternate-text-colour {
    color: #93A38D;
}

.et_pb_tab .circle-icon {
	padding: 80px 0;
}

/* A light version of the Divi buttons,
   place directly on the button module */
.button-light.et_pb_button {
    background-color: #fff;
}
.button-light.et_pb_button:hover {
    background-color: #eee !important;
}

.remove-padding-all {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.remove-padding-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.remove-padding-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fill the width of the parent */
.force-fullwidth {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* Add to a text container to center the content vertically */
.center-vertically {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*5.0 FOOTER*/
#footer-info { 
    font-size: 14px !important;
    float: none;
    text-align: center;
}

/*6.0 OTHER CUSTOM CSS*/
/* Any other CSS specific to this project should go here! */

.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar{ 
    fill: #000 !important; 
 }


span.logo_helper {
	display: none !important;
}

#main-header .logo_container, #main-header .centered-inline-logo-wrap {
	height: auto !important;
}

.social-media-follows li a.icon:before {
	font-size: 2.6rem !important;
  color: black !important;
}

.heateorSssSharing, .heateorSssSharingButton {
	margin: 2px 5px !important;
}

.heateorSssFacebookBackground, .heateorSssTwitterBackground, .heateorSssGoogleplusBackground, .heateorSssPinterestBackground{
	background-color: transparent !important;
}

.heateorSssFacebookSvg, .heateorSssTwitterSvg, .heateorSssGoogleplusBackground, .heateorSssPinterestBackground {
	background: none !important;
}

ss.heateorSssSharingSvg.heateorSssFacebookSvg:before, ss.heateorSssSharingSvg.heateorSssTwitterSvg:before, ss.heateorSssSharingSvg.heateorSssGoogleplusSvg:before, ss.heateorSssSharingSvg.heateorSssPinterestSvg:before {
	display: block;
  position: relative;
  z-index: 10;
  width: 32px;
  height: 32px;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s;
  font-style: normal !important;
  font-family: ETmodules!important;
  color: black !important;
  text-align: center;
  font-size: 2.4rem;
}

ss.heateorSssSharingSvg.heateorSssFacebookSvg:before {
   content: "\e093"; 
}

ss.heateorSssSharingSvg.heateorSssTwitterSvg:before {
   content: "\e094"; 
}

ss.heateorSssSharingSvg.heateorSssGoogleplusSvg:before {
   content: "\e096"; 
}

ss.heateorSssSharingSvg.heateorSssPinterestSvg:before {
   content: "\e095"; 
}

.cta-blurbs {
	padding-right: 5rem;
}

.cta-blurbs p {
	font-size: 1.6rem;	
}

.pricing-footer p, .contact-footer p {
	font-size: 1.6rem;
}

.pricing-footer .et_pb_button_wrapper, .contact-footer .et_pb_button_wrapper {
	position: absolute;
  bottom: 0;
}

.pricing-footer .et_pb_button_wrapper {
	right: 0;
}

.contact-footer .et_pb_button_wrapper {
	left 0;
}

.pricing-footer .et_pb_promo_description, .contact-footer .et_pb_promo_description {
	padding-bottom: 80px;
}

body .et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before {
    top: 20px;
    margin-top: -.5em;
    color: black;
    font-size: 16px;
    content: "+";
    padding: 12px 16px;
    right: 0 !important;
    left: auto !important;
  font-family: inherit !important;
  font-size: 4rem !important;
}

.et_pb_toggle_open:after {
    content: "-";
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 80px;
}


.et-pb-controllers a{
width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
article.et_pb_post:nth-child(odd) img{
    float: left;
}
article.et_pb_post:nth-child(even) img{
    float: right;
}

article.et_pb_post:nth-child(even) .more-link{float: left;}

article.et_pb_post:nth-child(even) h2, article.et_pb_post:nth-child(even) p{
    width: 52%;
    padding-right: 20px;
}

ul.et_pb_tabs_controls:after {
    border-top: 1px solid #58c5c7;
}

.h3withQanelasSoft,ul.categoryliststylecustom a,.customloopforfetchallpost1806 .post-meta-2106 a, .customloopforfetchallpost1806 h2.entry-title-2106 a { font-family:'Qanelas Soft' !important; }

.customloopforfetchallpost1806 .post-meta-2106{
    padding-top: 20px;
    padding-bottom: 21px;
    margin-bottom: 0;    
}

.et_pb_blog_0 .et_pb_post .entry-title {
	padding-bottom: 2rem;
}

.et_pb_post .post-meta {
	margin-bottom: 2rem;
}

.customloopforfetchallpost1806 h2.entry-title-2106 a{
	text-transform: none !important;
    line-height: 35px;
}

.customloopforfetchallpost1806 .post-meta-2106 a{
	text-transform: uppercase;	
}

.h3withQanelasSoft,.rasheading { padding-bottom:21px !important; }

.categoryliststylecustom li a {
	position: relative;
    padding-bottom: 2px;
    display: inline-block;
    margin-bottom: 8px;
  font-weight: normal;
}

.categoryliststylecustom li.active a {
	font-weight: bold;
}

.categoryliststylecustom li.active a:after {
	display: none !important;
}

.categoryliststylecustom li a:after{
   /*
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #d2d1cc;
    bottom: 5px;
    left: 0;
    */
}

.cat-links p {
	display: none;
}

.onlyforarchivepagecstyle h2.entry-title { font-size:24px !important; letter-spacing:3px !important; }

.onlyforarchivepagecstyle .post-meta {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.onlyforarchivepagecstyle .post-meta a {
text-transform: uppercase;
    font-size: 16px;
    color: #5ec7c9!important;
}
#top-menu a{font-family: 'Qanelas Soft' !important;}
.faq-text h3{font-family: 'Qanelas Soft'; letter-spacing: 0.1em; font-weight: 100;}

ul.et_pb_tabs_controls{text-align: center;}
.et_pb_tabs_controls li{display: inline-block; float: none;}
h5.et_pb_toggle_title{line-height: 1.5em}
.contact-text h1{padding-bottom: 10%;}

.et_pb_text_inner p a, .et_pb_text_inner ul li a, .et_pb_text_inner  ol li a, .et_pb_toggle_content a, .et_pb_toggle_content ul li a, .et_pb_toggle_content ol li a, .et_pb_promo p a{
    text-decoration: underline !important; 
}

.forblogindexlandingpageonlysingle .contentwithright a, .categoryliststylecustom  li a{
    text-decoration: none !important; 
}

/*7.0 MEDIA QUERIES*/
/* Standard Divi breakpoints can be found here:
   divibooster.com/css-media-queries-for-the-divi-theme/ */

/* Tablets in portrait mode and below */

@media only screen and (min-width: 981px) {
  
  #logo {
  	margin-top: 120px !important;
    margin-top: 25px;
  }
  
  .et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo {
  	height: 200px !important;
  }
  
  #et-top-navigation {
    padding: 50px 0px 50px 0px!important; 
	}
  
  .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 0 !important;
	}
  
  
	.customloopforfetchallpost1806 { width:44%; float:left; margin-right:6%; }
	
	.forcontactpageonly .customloopforfetchallpost1806 { width:30.333% !important; float:left; margin-right:3% !important; }
}

@media only screen and (max-width: 980px) {
    /* your css goes here */
  
  .main-slider {
  	background-size: contain !important;
  }
  
  .ss-embed-container-thMupd {
  	padding-bottom: 55%;
  }
    
    /* Force slider arrows to appear on tablet and below */
    .et-pb-slider-arrows .et-pb-arrow-prev, 
    .et-pb-slider-arrows .et-pb-arrow-next {
        opacity: 1;
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    }
    .et-pb-slider-arrows .et-pb-arrow-prev {
        left: 22px;
    }
    .et-pb-slider-arrows .et-pb-arrow-next {
        right: 22px;
    }
	
	.customloopforfetchallpost1806 { width:100%; padding-bottom:40px; }
	
	.customloopforfetchallpost1806 .justfor980widthstyle { width:100%; }
  
  .et_header_style_split .mobile_menu_bar {
  	right: -20px;
    top: -20px;
  }
  
}

/* Smartphones in landscape mode and below */
@media only screen and (max-width: 767px) {
    /* your css goes here */
}

/* Smartphones in portrait mode and below */
@media only screen and (max-width: 479px) {
    /* your css goes here */
}

#logo{
  width: 200px;
  height: 200px;
  max-height: 200px !important;  
}

.centered-inline-logo-wrap {
	background: none !important;
  width: auto !important;
}

#et-top-navigation{
	padding:50px 0px 50px 0px!important;
}
#top-menu-nav ul{
	list-style-type:none;
	padding-bottom: 0;
}
#top-menu-nav li{
	font-family: 'Qanelas Soft';
    font-weight: 500;
	font-size:18px;
	color:#231f20;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/plus.png) no-repeat center right;
	padding-right: 1.6vw;
  margin-left: 1vw;
}

#top-menu-nav li:nth-child(4) {
	background: none !important;
}


#top-menu-nav li:last-child{
	background:none;
}

.select_page {
	display: none !important;
}

#main-footer p{
	font-family: 'Qanelas Soft';
    font-weight: 500;
	font-size:15px;
}
#main-footer ul{
	list-style-type:none;
	padding-bottom: 0;
}
#main-footer li{
	font-family: 'Qanelas Soft';
    font-weight: 500;
	font-size:15px;
	color:#231f20;
	text-transform:uppercase;
	display:inline-block;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/plus.png) no-repeat center right;
	padding-right:20px;
	margin-left:15px;
}

#main-footer li:last-child{
	background:none;
}

.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth>.et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
}
.et_pb_section p{
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:10px;
	letter-spacing:2px;
}
.et_pb_section .love_text h1{
    font-size:16px;
	color:#000000 !important;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:10px;
	letter-spacing:2px;
    line-height: 1.6em;
    text-transform: none;
}

.et_pb_section .love_text h2{
	font-size:30px;
	color:#231f20!important;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	line-height:35px;
	letter-spacing:.2em;
}
.et_pb_section .love_text p{
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:10px;
	letter-spacing:2px;
}
.et_pb_section .love_text p span{
	font-style:italic!important;
}
.et_pb_section .pr_left_text p{
	font-size:16px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:10px;
	letter-spacing:2px;
}
.pr_left_text ul{
	list-style-type:armenian;
}
.pr_left_text li{
	font-size:16px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:10px;
	letter-spacing:2px;
}
.et_pb_section .pr_right_text p{
	font-size:16px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:10px;
	letter-spacing:2px;
}
.pr_right_text ul{
	list-style-type:none;
	padding:0px;
}
.pr_right_text li{
	font-size:16px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:20px;
	letter-spacing:2px;
	padding-left:35px;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/06/b.jpg) no-repeat 0px 10px;
}
.et_pb_button{
	width:100%;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/button.png) no-repeat bottom left;
	padding-left: 0px!important;
    padding-bottom: 30px!important;
	letter-spacing: 2px;
      background-size: auto;
    overflow: visible;
}
.btn_left {
	padding-right: 0px!important;
}
.btn_left .et_pb_button{
	width:100%;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/button.png) no-repeat bottom right;
	padding-left: 0px!important;
    padding-bottom: 30px!important;
  background-size: contain !important;
}
.wedding_text p{
	font-size:30px;
	color:#ffffff;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	text-transform:uppercase;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/text.png) no-repeat center right;
	display: inline-block;
    padding-left: 35px;
    padding-right: 40px;
}


.test_sli .et_pb_slides .et_pb_slider_container_inner {
	vertical-align: top;
}

.test_sli h3{
	font-size:20px;
	color:#000000!important;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	text-transform:uppercase;
	margin-bottom: 15px;
    text-shadow: none;
    letter-spacing: 0.2em;
}
.test_sli h3 span{
	font-size:16px;
	text-transform:none;
}

.test_sli .et_pb_slide_image {
	margin-top: 0 !important;
  position: relative;
  top: auto;
  bottom: auto;
  width: 100%;
}

.test_sli .et_pb_slide_description {
	  width: 100%;
    text-align: center;
    float: none;
}

.test_sli .et_pb_slide_image img {
	max-width: 50%;
  border-radius: 50%;
  margin-bottom: 4rem;
}

.b_sli img{
	width:100%;
}

element.style {
    height: 304px;
}
.et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner, .et_pb_slides .et_pb_empty_slide.et_pb_container {
    display: block;
}
.et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner, .et_pb_slides .et_pb_empty_slide.et_pb_container {
    display: block;
}
.et_pb_slides .et_pb_container {
    display: table;
    table-layout: fixed;
}
.et_pb_slider .et_pb_container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.et_pb_slider .et_pb_slide {
    padding: 0px;
}
.cou_left img{
	width:100%;
}
.cou_img img{
	margin-top:-100px;
	margin-left:0px;
}
.Wedd_img img{
	width:100%;
}

.about_text h1{
	font-size:20px!important;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:20px;
	text-transform:none;
}
.about_text p{
	font-size:20px;
	color:#FFFFFF;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	letter-spacing:2px;
}
.about_heading h3{
	margin-top:20px;
	margin-bottom:10px;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item{
    width: 23%;
    margin: 1%;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item{
    width: 23%;
    margin: 1%;
}
.et_pb_column_4_4 .et_pb_grid_item:nth-child(){
	width: 11%;
}

.et_pb_gallery_image{
 padding-top: 100%;
 }
 .et_pb_gallery_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }
.et_pb_toggle {
    padding: 0px;
}
.et_pb_toggle_title{
	padding:20px 50px 20px 25px!important;
}
 .et_pb_toggle_content {
    background: #ffffff;
	padding:25px;
	}
	
.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before {
    right: 17px!important;
    left: auto;
    font-size: 24px!important;
	background:#efede7!important;
	}
	


	
	
	
.single-post .container {
    width: 100%;
    max-width: 100%;
}
.single-post #left-area {
    width: 100%;
	padding:0px;
}
.single-post #sidebar {
	display:none;
}
.blog_single_text h1{
	text-transform:none!important;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/button.png) no-repeat bottom left;
	padding-bottom:50px;
	margin-bottom:80px;
}
.blog_single_text h3{
	margin-bottom:30px;
}
.blog_single_text img{
	padding-right:20px;
	width:50%;
}
.blog_single_text ul{
	list-style-type:none!important;
	padding:0px!important;
}
.blog_single_text li{
	font-size:18px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:25px;
	letter-spacing:2px;
	padding-left:35px;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/06/b.jpg) no-repeat 0px 10px;
	line-height:32px;
}
.blog_single_text ol{
	padding:0px;
}
.blog_single_text ol li{
	font-size:18px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:25px;
	letter-spacing:2px;
	background:none;
	padding-left: 0;
	line-height:32px;
}
.bolg_social li{
	background:none;
	padding-left: 0;
}
.blog_cata ul{
list-style-type:none!important;
padding:0px!important;
}
.et_pb_posts h2{
	text-transform:none;
}
.et_pb_posts a.more-link{
    background: url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/button.png) no-repeat bottom left;
    padding-bottom: 30px!important;
    font-size: 20px;
    color: #000000;
    text-transform: uppercase;
    font-family: 'Qanelas Soft';
    font-weight: 500;
    margin-top: 0;
    float: right;
    width: 48%;
    position: relative;
    display: inline-block;
    padding-top: 1.5rem;
  	clear: none;
}
.et_pb_posts a.more-link:after{
    content: "\f054";
    position: absolute;
    font-family: 'FontAwesome';
    margin-left: 10px;
    font-size: 10px;
    border: solid 1px #000;
    border-radius: 10px;
    padding: 1px 4px 0 5px;
    line-height: 1.5;
    margin-top: 4px;
}


#comment-wrap, .et_post_meta_wrapper {
    padding-top: 0px;
	display:none;
}
#main-content .container {
    padding-top: 0;
}
.et_pb_posts .et_pb_post img{
	width:48%;
	float:left;
}
.et_pb_posts .et_pb_post h2, .et_pb_posts .et_pb_post p{
	width:48%;
	float:right;
}
@media (max-width: 768px){
.et_pb_posts .et_pb_post img{
	width:100%;
	margin-bottom:30px;
}
.et_pb_posts .et_pb_post h2, .et_pb_posts .et_pb_post p{
	width:100%;
}
article.et_pb_post:nth-child(even) h2, article.et_pb_post:nth-child(even) p{
    width: 100%;
}
.et_pb_posts a.more-link{
	float:left;
	width:100%;
}
.single-post .container {
    width: 100%;
    max-width: 90%;
}
}


.weeding_bnr h1{
	text-transform:none;
}
#main-header{
	padding-top:0px;
}

@media only screen and (min-width: 981px) and (max-width: 1205px) {
  
  #top-menu-nav li a {
  	font-size: 13px !important;
  }
  /*#top-menu-nav {
  	display: none;
  }
  #et_mobile_nav_menu {
  	display: block;
  } */
}

@media (max-width: 768px){
.btn_left .et_pb_button{
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/05/button.png) no-repeat bottom left;
	text-align:left;
}
.btn_left h2{
	text-align:left!important;
}
.btn_left p{
	text-align:left!important;
}
.et_pb_column_1_2 .et_pb_promo{
	padding:0px;
}
}
.about_hdn h1{
	font-size:30px;
}


.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
    padding-bottom: 0px;
    background: url(https://jonharrisweddings.com.au/wp-content/uploads/2018/07/Burger.svg) no-repeat;
    width: 50px;
    height: 50px;
  	fill: #5ec7c9;
}

.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar:before {
	display: none !important;
}

#main-header{
	padding-top:0px;
	min-height:70px;
	box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
#et-top-navigation{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
	max-width:1300px;
}
nav#top-menu-nav #top-menu li.current_page_item a{
	position: relative;
}
nav#top-menu-nav #top-menu li.current_page_item a:after{
	      background: url(https://jonharrisweddings.com.au/wp-content/uploads/2018/06/home_ac.png) no-repeat top center!important;
    position: absolute;
    bottom: -22px;
    left: 0;
    content: "";
    width: 100%;
    height: 20px;
    background-size: contain !important;
    overflow: visible;
}
.et_header_style_left #et-top-navigation nav>ul>li>a{
	padding-bottom:0px!important;
}

ul.et_pb_tabs_controls {
    background-color: #58c5c7;
	padding-bottom:40px!important;
	max-width: 1300px;
    margin: 0px auto;
}
.et_pb_tabs{
	border:none;
}
.et_pb_tabs_controls li {
    border:none!important;
    font-weight: 500;
	background: #58c5c7!important;
}
.et_pb_tabs_controls li a {
    padding: 4px 30px 30px 30px;
	font-weight:500;
	letter-spacing:3px;
	border:none!important;
}
.et_pb_tabs_controls li.et_pb_tab_active{
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/06/tab_ac.png) no-repeat bottom center!important;
	background-color:#58c5c7!important;
  background-size: contain !important;
}
.et_pb_tab {
    padding: 80px 30px;
    max-width: 700px;
    margin: 0px auto;
}
.et_pb_toggle{
	background:#FFFFFF;
}
.et_pb_toggle_title{
	color:#000000;
	font-weight:500;
	font-size:16px;
	text-transform:uppercase;
}
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title{
	background:#efede7;
	color:#000000;
	font-weight:500;
	font-size:16px;
	text-transform:uppercase;
    letter-spacing: 0.1em;
}
.et_pb_toggle_content ul{
	list-style-type:none;
	padding:0px;
}
.et_pb_toggle_content li{
	font-size:16px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:25px;
	letter-spacing:2px;
	padding-left:35px;
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/06/b.jpg) no-repeat 0px 10px;
}
.et_pb_toggle_content p{
	font-size:16px;
	color:#000000;
	font-family: 'Qanelas Soft';
    font-weight: 500;
	margin-bottom:5px;
	letter-spacing:2px;
    padding-bottom: 0.3em;
}
@media (max-width: 768px){
.current_page_item{
	background:none!important;
	padding-bottom:0px!important;
}
}
@media (max-width: 767px){
.et_pb_tabs_controls li.et_pb_tab_active{
	background:url(https://jonharrisweddings.com.au/wp-content/uploads/2018/06/tab_ac.png) no-repeat bottom left!important;
}
}

.et-pb-arrow-next, .et-pb-arrow-prev{
	margin-top:-50px;
	top:100%!important;
  opacity: 1 !important;
  padding-top: 0;  
  font: normal normal normal 14px/1 LineAwesome;
  font-family: LineAwesome !important;
}
.et-pb-arrow-prev {
    left: 43%;
}

.et-pb-arrow-prev:before, .et-pb-arrow-next:before {
	font: normal normal normal 14px/1 LineAwesome;
  font-size: 30px;
  color: black !important;
  font-family: LineAwesome !important;
}

.et-pb-arrow-prev:before {
	content: "\f118";
}

.et-pb-arrow-next{
    right: 43%;
}

.et-pb-arrow-next:before {
	content: "\f11d";
}

body .et_pb_button:after {
  content: "\f11d" !important;
	color: black !important;
  font-family: LineAwesome !important;
}

.et_pb_slider:hover .et-pb-arrow-prev{left:43%!important;opacity:1}
.et_pb_slider:hover .et-pb-arrow-next{right:43%!important;opacity:1}

h5.et_pb_toggle_title{
	text-transform:uppercase;
}
.mobile_menu_bar:before{
	font-size:45px;
}
@media only screen and (max-width: 768px) {
    .et-pb-slider-arrows .et-pb-arrow-prev {
        left: 42%!important;
    }
    .et-pb-slider-arrows .et-pb-arrow-next {
        right: 42%!important;
    }

        #homeslider .et_pb_slide_1{
        background-position-x: -600px;
    }

}
@media only screen and (max-width: 479px) {
    


    .et-pb-slider-arrows .et-pb-arrow-prev {
        left: 40%!important;
    }
    .et-pb-slider-arrows .et-pb-arrow-next {
        right: 40%!important;
    }
}
.et_pb_column_1_2 .et_pb_promo, .et_pb_column_1_3 .et_pb_promo, .et_pb_column_1_4 .et_pb_promo, love_text{
	padding:0 0 0 40px;
}