@charset "utf-8";
/* Custom Styles for Wilcox Expatriate Tax website created by Monsters Edge */

/* FONTS */
a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; outline: none; color: #303e48;}
a:hover { text-decoration:none; color: #c5ad80;}
a:focus { outline: none;}

/* GENERAL */
html { min-height: 100%; height: 100%;}
body { font-family: semplicitapro, sans-serif; min-height: 100%; height: 100%; color: #303e48;}
h1,h2,h3,h4,h5,h6,h7 { font-family: adriane, serif; margin: 0 0 30px 0; font-weight: 400; color: #303e48;}
p { margin: 0 0 30px 0;}
p.intro { font-size: 1.2rem; margin: 0;}

.padY40 { padding: 40px 0;}
.padY70 { padding: 70px 0;}
.grey-bg { background-color: #f7f8f8; padding: 40px 50px; color: #707070; min-height: 238px;}

.wpcf7 .ajax-loader { display: none !important;}

header { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; color: #fff;}
header.internal { height: 600px;}
header.internal p { font-size: 1.1rem; font-family: adriane, serif;}
header.internal h1 { font-size: 2.4rem; background: none; padding: 0; color: #fff; margin-top: 120px;}
header p { font-size: 1.3rem;}
header h1 { font-size: 2.4rem; background: url("../images/white-divider-line.jpg") bottom left no-repeat; padding: 0 0 30px 0; color: #fff;}
header #down { position: absolute; bottom: 50px; left: 50%; margin-left: -11px;}

#carousel-quotes .carousel-item { color: #fff; position: relative; min-height: 580px;}
#carousel-quotes .carousel-item .quote { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 0 0 50px; background: url("../images/quote-marks.png") 0 0 no-repeat; text-align: left; font-family: adriane, serif; font-style: italic; font-size: 1.2rem; width: 60%;}
#carousel-quotes .carousel-item .quote .author { font-family: semplicitapro, sans-serif; font-style: normal; font-size: .8rem; margin-top: 50px;}
.carousel-indicators { bottom: 50px;}
.carousel-indicators [data-bs-target] { width: 6px; height: 6px; background-color: transparent; border: 1px solid #a09167; border-radius: 50%; opacity: 1; margin: 0 7px;}
.carousel-indicators .active { background-color: #a09167; border: 1px solid #a09167; opacity: 1;}
ul#shape-list { list-style: none; padding: 0; margin: 0 0 30px 0;}
ul#shape-list li { display: inline-block; margin: 0 10px; background: url("../images/shape.png") top center no-repeat; width: 190px; height: 44px; color: #fff; text-transform: uppercase; font-size: .9rem; font-weight: 500; padding: 12px 0 0 0;}
.member-pic { margin-bottom: 30px; box-shadow: 0 0 15px #ccc;}
.member-info h3 { color: #95775d; font-style: italic; font-weight: 300; margin: 0 0 5px 0;}
.member-info a { color: #95775d; font-family: adriane, serif; text-decoration: none;}
.member-info a:hover { color: #3e4b54;}
.text { min-height: 500px;}
.quote-section { font-family: adriane, serif; color: #95775d; padding: 40px 15px; border-top: 1px solid #95775d; border-bottom: 1px solid #95775d; text-align: center; font-size: 1.25rem; font-weight: 100; font-style: italic;}
.quote-text { margin-bottom: 15px;}
.quote-author{ font-size: 1.1rem;}

#testimonials { background: #f9f9f5 url("../images/testimonials-bg.jpg") bottom right no-repeat; padding: 120px 0;}
#testimonials .quote { font-family: adriane, serif; font-style: italic; font-size: 1.3rem; color: #3e4b54;}
#testimonials .author { font-family: semplicitapro, sans-serif; font-style: normal; font-size: .9rem; margin: 30px 0 0 0; font-weight: 600;}
#testimonials .carousel-item { min-height: inherit;}
#testimonials .carousel-indicators { bottom: -60px;}

#services { background: #f9f9f5; padding: 120px 0;}
#services .service { background: #f0eee7; padding: 45px 30px; min-height: 100%;}
#services .service h4 { color: #95775d; margin: 0 0 10px 0;}

.form-control { border: none; font-size: .9rem; padding: 15px 15px;}
.contact-1 { font-size: .8rem; letter-spacing: 1px;}
.contact-2 { padding: 0;}
.contact-2 span { border-bottom: 1px dotted #e6d9b6; display: inline-block; width: 100%;}
.contact-3 a { color: #95775d; font-size: 1.25rem; font-family: adriane, serif; text-decoration: none;}
.contact-3 a:hover { color: #3e4b54;}

footer { background-color: #e7e7e8; font-size: .8rem;}
footer h6 { color: #95775d; font-family: semplicitapro, sans-serif; margin: 0 0 5px 0; font-size: .8rem;}
footer ul { list-style: none; padding: 0; margin: 0;}
footer ul li { margin-bottom: 2px;}
footer ul li a { text-decoration: none;}
footer #tel { margin-top: 15px; color: #95775d; font-size: .7rem;}
footer #tel a { font-size: .9rem; text-decoration: none;}
footer #email { color: #95775d; font-size: .7rem;}
footer #email a { font-size: .8rem; text-decoration: none;}
footer .copyright { padding-top: 100px; color: #808080; font-size: .75rem;}
footer .copyright a { text-decoration: none; color: #808080;}
footer .copyright a:hover { color: #c5ad80;}

/* Navbar Styles */
.navbar { position: absolute; max-width: 1320px; top: 50px;}
.navbar #home { position: relative; top: -2px;}
.navbar .nav-item .nav-link { color: #fff; font-size: .9rem; border-bottom: 1px solid transparent; padding: 10px 0; margin-left: 20px;}
.navbar .nav-item.active .nav-link, .navbar .nav-item .nav-link:hover { color: #a09167; border-bottom: 1px solid #a09167;}

.btn-primary { background-color: transparent; border-color: #c5ad80; color: #3e4b54; border-radius: 0; font-size: .9rem; padding: 8px 15px;}
.btn-primary:hover { background-color: #c5ad80; border-color: #c5ad80; color: #fff;}
header .btn-primary { color: #c5ad80;}
.btn-secondary { background-color: transparent; border-color: #fff; color: #fff; border-radius: 0; font-size: .9rem; padding: 8px 15px;}
.btn-secondary:hover { background-color: #fff; border-color: #fff; color: #303e48;}

/* RESPONSIVE AMENDED STYLES */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .navbar { max-width: 1140px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .navbar { max-width: 960px;}
}

/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
    .grey-bg { padding: 40px 50px; min-height: 237px;}
    .navbar { max-width: 960px;}
    header p { font-size: 1.1rem;}
    header h1 { font-size: 1.75rem;}
    header.internal { height: 500px;}
    ul#shape-list li { margin: 0 5px;}
    #testimonials { padding: 60px 0 80px 0;}
    #services { padding: 60px 0;}
    #carousel-quotes .carousel-item .quote { width: 80%;}
    .text { min-height: 650px;}
}

/* #Mobile & Tablet (Portrait) Menu Styles
================================================== */
@media only screen and (max-width: 959px) {
    header, header .col-12 { padding: 0 !important;}
    .navbar-brand { z-index: 100;}
    .navbar-nav { background-color: #6f625a; padding: 150px 0 15px 0; height: 100vh !important; position: absolute; top: -50px; left: 0; width: 100% !important; z-index: 10; text-align: center;}
    #home { display: none;}
    .navbar .nav-item .nav-link { color: #fff; font-size: 1.4rem; border-bottom: none; padding: 10px 0; margin-left: 0px;}
    .navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link:hover { color: #a09167; border-bottom: none;}
    .navbar-toggler { border: none; margin-right: 0px; z-index: 100;}
    .navbar-toggler span { display: block; background-color: #fff; height: 1px; width: 25px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left;}
    .navbar-toggler span:nth-child(1) { margin-top: 0.3em;}
    .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(10%, -100%) rotate(45deg);}
    .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0;}
    .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(10%, 350%) rotate(-45deg); width: 25px; margin-left: 0;}
    .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg);}
    .navbar-toggler span:nth-child(2) { opacity: 1; width: 22px; margin-left: 3px;}
    .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); width: 19px; margin-left: 6px;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .grey-bg { padding: 15px 30px; min-height: 175px;}
    .grey-bg h5 { font-size: 1.1rem;}
    .grey-bg p { font-size: .9rem;}
    .navbar { max-width: 720px;}
    header p { font-size: 1.1rem;}
    header h1 { font-size: 1.5rem;}
    header.internal { height: 500px;}
    #carousel-quotes .carousel-item .quote { width: 90%;}
    .navbar-nav { left: -24px !important; width: 768px !important;}
    #testimonials { padding: 60px 0 80px 0;}
    #services { padding: 60px 0;}
    .text { min-height: 700px;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
    .padY70 { padding: 30px 0;}
    .mob-mt { margin-top: 15px;}
    .navbar-nav { top: -15px;}
    .navbar { top: 15px;}
    .navbar { max-width: 960px;}
    header .mob-pad { padding: 15px !important;}
    header p { font-size: 1rem;}
    header h1 { font-size: 1.25rem;}
    header.internal { height: 550px;}
    header.internal p { font-size: 1rem; }
    header.internal h1 { font-size: 1.8rem;  margin-top: 120px;}
    #content .pe-0 { padding-right: 15px !important;}
    #content .ps-0 { padding-left: 15px !important;}
    #carousel-quotes .carousel-item .quote { top: 30px; left: 15px; transform: none; padding: 0 0 0 30px; font-size: 1rem; width: 90%;}
    #carousel-quotes .carousel-item .quote .author { margin-top: 15px;}
    .carousel-indicators { bottom: -45px;}
    footer .copyright { padding-top: 30px;}
    ul#shape-list li { margin: 0 10px 15px 10px;}
    #testimonials { padding: 60px 0 80px 0;}
    #testimonials .quote { font-size: 1.1rem;}
    #services { padding: 30px 0;}
    .contact-1 { font-size: .7rem;}
    .contact-3 a { font-size: 1.1rem;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar { max-width: 540px;}
    header { height: 550px;}
    header h1 { margin-top: 120px;}
    .text { min-height: 700px;}
}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    header p { font-size: .9rem; margin: 0;}
    header h1 { font-size: 1.1rem; margin: 30px 0 15px 0;}
    header.internal p { font-size: .9rem; }
    header.internal h1 { font-size: 1.6rem; margin-top: 120px;}
    .text { min-height: inherit;}
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}