/*
Theme Name: Acco Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

h1 {
	font-family: pragmatica, sans-serif; 
	font-weight: 700;
	font-style: normal;
	font-size: 60px;
	margin-bottom: 0px;
}
h2 {
	font-family: pragmatica, sans-serif; 
	font-weight: 700;
	font-style: normal;
	font-size: 35px;
	text-align: center;
}
h4 {
	font-family: source-sans-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: #355e74;
	text-align: center;
}
p {
	font-family: source-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
}
.header-flag {
	max-width: 150px;
	width: 100%;
}
.acco {
	text-align: center;
	padding: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 35px;
	box-shadow: 0px 5px 8px grey;


}
.acco h2 {
	color: #ffffff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-size: 38px;
	text-shadow: 1px 1px 2px #21455b;
}

.acco p {
	color: #ffffff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 1px 1px 2px #21455b;
}
.acco h3 {
	color: #ffffff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-size: 28px;
	text-shadow: 1px 1px 2px #21455b;
}
.acco h4 {
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 1px 1px 2px #21455b;
}
.acco-arrow {
	max-width: 65px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.wholesaler-tile {
/*width:374px;*/
	height:170px;
	background-size: contain;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: -2px;
	background-repeat: no-repeat;	
	transition: transform .4s; /* Animation */
	background-position: center;
}
.wholesaler-tile:hover {
	transform: scale(1.15) !IMPORTANT;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.exertis {
    background-image:url('/wp-content/uploads/2019/12/Exertis.jpg');
}
.exertis:hover {
    background-image:url('/wp-content/uploads/2019/12/Exertis.jpg');
}
.vow {
    background-image:url('/wp-content/uploads/2019/12/VOW.jpg');
}
.vow:hover {
    background-image:url('/wp-content/uploads/2019/12/VOW.jpg');
}
.spicers {
    background-image:url('/wp-content/uploads/2019/12/Spicers.jpg');
}
.spicers:hover {
    background-image:url('/wp-content/uploads/2019/12/Spicers.jpg');
}
.jgbm {
    background-image:url('/wp-content/uploads/2019/12/JGBM.jpg');
}
.jgbm:hover {
    background-image:url('/wp-content/uploads/2019/12/JGBM.jpg');
}
.nts {
    background-image:url('/wp-content/uploads/2019/12/NTS.jpg');
}
.nts:hover {
    background-image:url('/wp-content/uploads/2019/12/NTS.jpg');
}

.quarter-highlight {
	color: #981b1e;
}
.accordion {
	margin-left: auto;
	margin-right: auto;
	border-radius: 25px;	
	margin-bottom: 35px;
	box-shadow: 0px 5px 8px grey;
	background-color: #981b1e;
	border: none;
}
.accordion.active {
	background-color: #981b1e;
}
.accordion-inner {
	background-color: #981b1e;
	border-radius: 25px;
	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-weight: 300;

}
.accordion-title.active {
	background-color: #981b1e;
	border-radius: 25px;	
	color: #ffffff !important;
}
.accordion-title {
	text-align: center;
	color: #ffffff !important;
	border-radius: 25px;	
	background-color: #ed1a39;
	font-size: 22px !important;	
	line-height: 28px;
	font-family: source-sans-pro, sans-serif;
	font-weight: 700 !important;
	text-align: center;
	border: none;
}
.no-base-pad {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.gform_wrapper .gform_footer {
    text-align: center;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
margin-bottom: 0px;
}
/* Submit Button Gravity Forms
-----------------------------*/
body .gform_wrapper .gform_footer input[type=submit] {
color: #ffffff;
background: #981b1e;
font-size: 24px;
padding: 5 10 5 10;
letter-spacing: 1px;
text-transform: uppercase;
border: 1.5;
border-color: #ffffff;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
transition: 0.3s;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
background: #aa113f;
color: #ffffff;
}
.form-white-text {
	color: #ffffff !important;
}
.gfield_label {
	color: #ffffff;
	font-weight: 300;
	font-size: 18px;
}
.gform_body {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.gfield_checkbox {
	color: #ffffff !Important;
	font-size: 25px;
	font-weight: 700;
}
.gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 300;
    font-size: 18px;
}
#label_1_7_1 {
	color: #ffffff;
}
#label_1_7_2 {
	color: #ffffff;
}
#label_1_7_3 {
	color: #ffffff;
}
#label_1_7_4 {
	color: #ffffff;
}
.gfield_consent_label {
	font-weight: 300;
    font-size: 18px;
	color: #ffffff;
}
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
	margin-top: 10px;
}
.gform_wrapper div.validation_error {
 	color: #ed1a39;
	border-top: 2px solid #ed1a39;
	border-bottom: 2px solid #ed1a39;
}
.modal-padding {
	padding-left:40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.modal-no-pad {
	padding-bottom: 0px !important;
}
.leitz-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #0d994d;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.leitz h3 {
	color: #0d994d !important;
}
.rapid-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #007ea3;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.rapid h3 {
	color: #007ea3 !important;
}
.rexel-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #ed1a3a;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.rexel h3 {
	color: #ed1a3a !important;
}
.kensington-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #1b79ac;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.kensington h3 {
	color: #1b79ac !important;
}
.derwent-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #ee2945;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.derwent h3 {
	color: #ee2945 !important;
}
.esselte-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #ee2e24;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.esselte h3 {
	color: #ee2e24 !important;
}
.gbc-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #df2d40;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.gbc h3 {
	color: #df2d40 !important;
}
.nobo-button {
	color: #ffffff;
	border-radius: 99px;
	background-color: #f47c2f;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.nobo h3 {
	color: #f47c2f !important;
}
.footer-1 {
	text-align: center;
}
.footer-1 img {
	max-width: 60px;
	padding: 10px;
}
.footer-1 a {
	color: #ffffff;
}
.center-it-up {
	text-align: center !important;
}
.copyright-footer {
	text-align: center;
}
.pull-left {
	float: none;
}
.gravity h2 {
	color: #ffffff !important;
}
.flickity-page-dots .dot {
	border: 3px solid #a91b29;
}
.small-text {
	padding-top: 25px;
	font-size: 14px !important;
}
.small-text img {
	padding-left: 12px !important;
	padding-right: 12px !important;
}
ul {
    margin-left: 40px;
    margin-right: 40px;
}
li {
	font-family: source-sans-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
}
ol {
    margin-left: 40px;
    margin-right: 40px;
}