/*!
Theme Name: Avery Mediation
Theme URI: https://candcdigital.co
Author: candcdigital.co
Author URI: https://candcdigital.co
Description: Custom template for Avery Mediation Site
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: plumbing
Tags
*/




html,
body {
    font-weight: normal;
    font-size:18px;
    color: #0A2540; 
    position: relative; 
    background-color: #fff;
    font-family:"Proxima Nova", sans-serif;
	 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Proxima Nova", sans-serif;
	color:#0A2540;
	font-weight:700 !important;
	margin-bottom:20px;
}

a {
    color: #111;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color:inherit;
}

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

img {
    max-width: 100%;
    height: auto;
}

input:focus,
button:focus {
    box-shadow: none;
    outline: none;
}

:root {
    --primary-color: #324FB3;
}

.btn {
    color: #fff;
    font-size:18px;
    border-radius:12px;
    font-weight:700 !important;
	padding:18px 34px;
    font-family:'Crimson Text', sans-serif;
    background-color: #DC414A;
	background: linear-gradient(to right,  #1a7938 0%,#34a853 100%);
	position:relative;
	overflow:hidden;
	text-transform:uppercase;
	border:none !important;
	transition: transform 0.2s ease;
	box-shadow:0 8px 16px var(--tw-shadow-color,#00000040)
}

.btn:hover {
    color:#fff;
    background-color: #fff;
	background: linear-gradient(to right,  #34a853 0%,#1a7938 100%);
	 transform: translateY(-3px);
}

.btn:before {
	    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, #0000, #ffffff73, #0000);
    transition: transform .7s ease-out;
    position: absolute;
    inset: -2rem -4rem;
    transform: translate(-120%) rotate(12deg);
}

.btn:hover:before {
	transform: translate(120%) rotate(12deg);
}

.btn-secondary {
	background: linear-gradient(to right,  #71573A 0%,#8B6F47 100%);
}

.btn-secondary:hover {
	background: linear-gradient(to right,  #8B6F47 0%,#71573A 100%);
}



[type="submit"] {
	color:#fff !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
}


[type="submit"]:hover {
    color: #DC414A !important;
}


.contact-section .hero-form [type="submit"] {
	color:#fff !important;
	background:#267ECE !important;
	 border-color:#267ECE !important;
}

.contact-section .hero-form [type="submit"]:hover {
    border-color:#267ECE !important;
	background:#fff !important;
	color:#267ECE !important;
}

.title, 
.page-title {
    color: #111;
    margin-bottom: 40px;
}

.title-center {
    text-align: center;
}

.title-center .title {
    max-width: 900px;
    font-size: 18px;
    display: inline-block;
}

.title-p {
    color: #267ECE;
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-family: "Outfit", sans-serif;
}

.title h2 {
    font-size:48px;
    margin-bottom: 20px;
    color: var(--brown);
    font-weight:700;
	font-family: "Roboto Condensed", sans-serif;
    /* line-break: anywhere; */
    /* text-transform: uppercase; */
}

.title-center .title p {
    max-width: 600px;
    display: inline-block;
}

section {
    padding:70px 0;
}

input, 
select, 
textarea {
    color: #111 !important;
    height: 45px;
    width: 100%;
    padding: 6px 20px;
    border-radius:12px;
    border: 0;
    margin-bottom:0px;
    background-color:#fff;
    font-weight: 500;
    border: 1px solid #C4C4C4;
	font-family: "Manrope", sans-serif;
	font-size:16px;
}

input:focus, 
select:focus, 
textarea:focus {
    border-color:#49a760 !important;
	box-shadow:	inset 0 0 0 2px rgba(255,255,255,0.5),        0 0 0 3px rgba(57,181,74,0.25),        0 4px 10px rgba(0,0,0,0.09) !important;
}
footer input {
	font-size:16px !important;
}
footer input:focus {
	box-shadow:none !important;
}

textarea {
    resize: none;
    height:140px;
}

input[type="radio"],
input[type="checkbox"] {
    width: inherit;
    height: initial;
}

input:focus, 
textarea:focus, 
select:focus {
    outline: none !important;

}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #444;    
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #444;    
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #444;    
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: #444;    
}



section {
	padding:70px 0px;
}

.header {
	padding-top:100px;
}

.main-content a { color:#006BFF; font-weight:700; text-decoration:underline;}

.box {
	border:solid 2px #D4E0ED;
	border-radius:12px;
	padding:30px 35px;
	margin-top:30px;
	margin-bottom:20px;
}

.box h2 {
	margin-bottom:10px;
	font-size:24px;
}
.main-menu {padding:0px 20px;}