/*
Theme Name: Data Matters
Template: bi
Version: 1.0
*/

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

/* DEFAULT BODY STYLES */

a { color: #FFC107 !important; }

body, p, ul, li {
	font-family: "Open Sans", sans-serif !important;
    font-size: 16px;
	line-height: 24px !important;
	letter-spacing: 0.2px; }

ul li, ol li {
    list-style-position: inside !important; }

@media screen and (max-width: 850px) {

p, ul, li {
    font-size: 14px !important;
	line-height: 22px !important; }
	
}
	
/* SIZE / STYLE VARIANTS */

.smaller { font-size: 12px !important; line-height: 0px !important; }

.larger { font-size: 22px; line-height: 29px !important; }

@media screen and (max-width: 850px) {
    
.larger { font-size: 18px !important; line-height: 24px !important; }
    
}
	
/* HEADINGS */

h1,h2,h3,h4,h5,h6 { color: #424242 !important; }

h1.jumbo {
	font-size: 80px; 
	line-height: 80px; }
	
h1.jumbo-white {
	font-size: 80px; 
	line-height: 80px;
	color: #FFFFFF !important; }
	
h2.jumbo, h1.entry-title {
	font-size: 60px !important; 
	line-height: 60px !important; }
	
h3.jumbo {
	font-size: 40px; 
	line-height: 40px; }
	
.h5, h5 {
    font-size: 20px; }
	
@media screen and (max-width: 768px) {
	
h1.jumbo {
	font-size: 48px; 
	line-height: 48px; }
	
h1.jumbo-white {
	font-size: 48px; 
	line-height: 48px;
	color: #FFFFFF !important; }
	
h2.jumbo, h1.entry-title {
	font-size: 42px !important; 
	line-height: 42px !important; }
	
h3.jumbo {
	font-size: 24px; 
	line-height: 24px; }

}
	
/* CLEARER */

.clearer {
	clear: both;
  	margin: 0;
 	padding: 0; }
	
/* NOSPACE GRID GENERIC LAYOUT STYLES */

.collapsed .col  {
    padding: 0px !important;
	margin: 0px !important; }

.ux-slider, .ux-row-slider {
    margin-bottom: 0px !important; }
	
/* SPACERS */

.spacer-10 {
	clear: both;
  	margin: 0;
 	padding: 10px 0px 0px 0px; }
	
.spacer-20 {
	clear: both;
  	margin: 0;
 	padding: 20px 0px 0px 0px; }
	
.spacer-30 {
	clear: both;
  	margin: 0;
 	padding: 30px 0px 0px 0px; }
	
.spacer-40 {
	clear: both;
  	margin: 0;
 	padding: 40px 0px 0px 0px; }
	
/* DASHICON */

h3.contact-phone:before {
font-family: "dashicons";
content: "\f525";
padding-top: 7px !important; }

h3.contact-email:before {
font-family: "dashicons";
content: "\f465";
padding-top: 7px !important; }
	
/* CIRCULAR IMAGES */

.circular-image img {
	width: 150px;
	height: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
	border: solid #FF444B 5px; }
	
/* SECTION STYLES */

.pad-30 { padding: 30px; }
.pad-60 { padding: 60px; }
.pad-60-40 { padding: 50px 40px 40px 40px; }
.pad-120 { padding: 120px 40px; }
.opacity-background-np { background-color: rgba(255, 255, 255, 0.2); }
.opacity-background-light-blue { background-color: rgba(189, 212, 222, 0.9); padding: 25px; border-radius: 5px; }
.opacity-background-red { background-color: rgba(255, 68, 75, 0.9); padding: 25px; border-radius: 5px; }
.dark-grey-background { background-color: rgba(51, 51, 51, 0.8); padding: 120px 40px; color: #FFFFFF; }
.dark-grey-background-60 { background-color: rgba(51, 51, 51, 0.8); padding: 60px 40px; color: #FFFFFF; }
.dark-grey-background-30 { background-color: rgba(51, 51, 51, 0.8); padding: 30px 40px; color: #FFFFFF; }
.mid-grey-background { background-color: rgba(51, 51, 51, 0.6); padding: 60px 40px; color: #FFFFFF; }
	
/* CORE COLOR SPANS */

.yellow { color: #F1C433; }

.red { color: #FF444B; }

.white-text { color: #FFFFFF; }

.black { color: #000000; }

.grey { color: #333333; }

.mid-grey { color: #777777; }
	
/* MENU HAMBURGER */

.nav > li > a > i.icon-menu {
    color: #FFFFFF !important; }
	
.nav > li > a:hover > i.icon-menu {
    color: #FF444B !important; }
	
.nav > li > a {
	font: "Source Sans Pro",sans-serif !important; }
	
/* MOBILE MENU */

.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #f1C433 !important; }
	
/* MENU */

.off-canvas-center.mfp-bg.mfp-ready {
	opacity: 1 !important; }
	
/* NEWSLETTER SIGN UP */

h2.newsletter-signup-heading {
	padding: 30px 20px 0px 0px !important;
	text-align: right;  }

.form--footer {
    position: relative;
    width: 100%;
	padding: 18px 0px 0px 0px !important;
	margin: 0px !important; }
	
.form--footer .form__input {
	font-size: 1rem;
    line-height: 1.5;
    background: #2B3A42 none repeat scroll 0 0;
	color: #FFFFFF !important;
    border: 0 none;
    border-radius: 5px;
    display: block;
    margin-right: 60px;
    padding-right: 50px;
    width: 100%; 
	height: 60px; }

#mc-embedded-subscribe-form input[type="email"] {
	background: #2B3A42 none repeat scroll 0 0 !important; }
	
.form--footer .form__submit {
    background: #FF444B none repeat scroll 0 0;
    border: 0 none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    font-family: "Ubuntu",sans-serif;
    font-size: 24px !important;
	line-height: 54px !important;
    font-weight: 400;
	color: #FFFFFF;
    height: 60px !important;
    padding: 0px 50px 30px 30px !important;
    position: absolute;
    right: -26px;
    text-align: center;
    top: 18px;
    width: 44px; }
	
/* BLOG STYLE TWEAKS */
	
footer.entry-meta {
	display: none !important; }
	
.post-date {
	color: #FFFFFF !important;
	border: 2px solid #FFFFFF !important;
	padding: 4px !important; }
	
.entry-image .post-date {
	display: none !important; }
	
.navigation-post {
    border-bottom: 0px !important; }

/* SOCIAL ICONS */

.social-icons .icon {
	color: #FFFFFF !important;
	margin-right: 0.75em; }
	
.social-icons .icon:hover {
    color: #FF444B  !important; }
	
/* TESTIMONIALS */

.ttshowcase_rl_title {
	font-family: "Alegreya",sans-serif !important;
	font-size: 40px; 
	line-height: 40px;
	font-weight: 700;
	color: #424242;
	padding-top: 10px; }

.ttshowcase_rl_subtitle, .ttshowcase_rl_date {
	font-family: "Alegreya",sans-serif !important; 
	font-size: 20px; 
	line-height: 20px;
	font-weight: 700;
	color: #FF444B; }

.tt_theme_speech .tt_quote_info-above .ttshowcase_rl_quote {
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	padding: 20px !important; }
	
.tt_theme_speech .tt_quote_info-above .ttshowcase_rl_quote p {
	margin-bottom: 0px !important; }
	
/* GRAVITY FORMS */

.gform_wrapper .gfield_required {
    color: #FF444B !important; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    border-radius: 5px !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset !important;
    height: 40px; }
	
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    border-radius: 5px !important; }

.gform_wrapper select {
    border: 3px solid #EDEDED !important;
    border-radius: 5pxpx !important; }
	
select, .select2-container .select2-choice {
    height: 40px !important; }

.gform_wrapper.gf_browser_chrome input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), .gform_wrapper.gf_browser_chrome textarea, .gform_wrapper.gf_browser_gecko input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), .gform_wrapper.gf_browser_gecko textarea, .gform_wrapper.gf_browser_safari input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), .gform_wrapper.gf_browser_safari textarea {
    border: 3px solid #EDEDED !important; }
	
.gform_wrapper.gf_browser_gecko .gfield_checkbox li input, .gform_wrapper.gf_browser_gecko .gfield_checkbox li input[type="checkbox"], .gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
    margin-top: 10px !important ;
	margin-right: 10px !important ; }
	
/* DIET CONSULTATION FORM */

#gform_wrapper_2 select {
    border: 3px solid #FFFFFF !important;
    border-radius: 5px !important; }

#gform_wrapper_2.gf_browser_gecko textarea { border: 3px solid #FFFFFF !important; }

#gform_wrapper_2.gf_browser_chrome input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), #gform_wrapper_2.gf_browser_chrome textarea, #gform_wrapper_2.gf_browser_gecko input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), #gform_wrapper_2.gf_browser_safari input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), #gform_wrapper_2.gf_browser_safari textarea {
    border: 3px solid #FFFFFF !important; }
	
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {
	width: 25px !important;
	height: 25px !important;
	border: 3px solid #FFFFFF !important; }
	
.gform_wrapper .gf_page_steps {
    text-align: center !important; }
	
.gform_page_footer {
	text-align: center !important; }
	
/* GRAVITY FORMS - STEPS, TWEAKS */

.gform_wrapper .gf_page_steps {
    border: 3px dotted #FF444B !important;
    padding: 20px !important;
    width: 100% !important;
    background-color: #FAFAFA; }
	
.gform_wrapper .gf_step {
	font-family: 'Source Sans',helvetica,arial,sans-serif !important;
    font-size: 18px !important;
	color: #FF444B; }
	
.gform_wrapper .gf_step span.gf_step_number {
    line-height: 16px; }
	
.gform_wrapper .gf_step span.gf_step_number::after{
    content: "."; }

/* ABSOLUTE FOOTER TWEAKS */

.absolute-footer ul li a {
    letter-spacing: 2px; 
	color: #FFFFFF !important;
	font-size: 14px !important; }
	
.absolute-footer ul li a:hover {
    color: #F1C433 !important; }

.absolute-footer {
    padding: 45px 0px 35px 0px;
	border-top: 1px solid #000000; }
	
.copyright-footer,  .absolute-footer .right p {
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 4px;
    opacity: 1 !important;
	color: #FFFFFF !important;
	text-transform: uppercase; 
	display: inline-block; }
	
.copyright-footer a, .absolute-footer .right p a {
	color: #FF444B !important; }
	
@media only screen and (max-width: 768px) {

.absolute-footer .left,  .absolute-footer .right {
	text-align: center !important; }
	
}