/*
Theme Name: Mad Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Mad Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: PPjev
Author URI: https://mformad.com
Template: mad
*/



/*Add your own styles here:*/


@font-face {
    font-family: 'GothamProBlack';
    src: url("fonts/GothaProBla.otf") format("opentype");
  }
@font-face {
    font-family: 'GothamProLight';
    src: url("fonts/GothaProLig.otf") format("opentype");
}
@font-face {
    font-family: 'GothamProRegular';
    src: url("fonts/GothaProReg.otf") format("opentype");
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:800');

h1, h2, h3 { 
    font-family: 'GothamProBlack', 'Montserrat';
    font-weight: 500 !important;
}

.regular p {
    font-family: 'GothamProBlack', 'Montserrat';
    font-size: 16px;
    line-height: 1.1em;
    opacity: 0.7;
}

.light p {
    font-family: 'GothamProLight', 'Montserrat';
}

.small p {
    font-family: 'GothamProBlack', 'Montserrat';
    font-size: 16px;
}

.black p, .av-subheading {
    -webkit-transition: 500ms; /* For Safari 3.1 to 6.0 */
    transition: 500ms;
    transition-timing-function: ease;
    font-family: 'GothamProBlack', 'Montserrat';
    font-size: 20px;
/*    font-weight: 900;*/
    padding: 0px 0px 0px 10px;
    opacity: 1 !important;
    line-height: 1.1em;
}

.black_alt p {
    font-family: 'GothamProBlack', 'Montserrat';
    font-size: 16px;
    opacity: 1 !important;
    line-height: 1.1em;
}

.black p:hover {
  transform: translateX(15px);
  box-shadow: -10px 0px #333333;
}

.flex_cell img {
    -webkit-transition: 400ms; /* For Safari 3.1 to 6.0 */
    transition: 400ms;
    transition-timing-function: ease;
    height: 100px;
    width: 100px;
}

.flex_cell h3 {
    -webkit-transition: 500ms; /* For Safari 3.1 to 6.0 */
    transition: 500ms;
    transition-timing-function: ease;
}

.flex_cell p {
    -webkit-transition: 500ms; /* For Safari 3.1 to 6.0 */
    transition: 500ms;
    transition-timing-function: ease;
}

.flex_cell {
    -webkit-transition: 500ms; /* For Safari 3.1 to 6.0 */
    transition: 500ms;
    transition-timing-function: ease;
}

.flex_cell:hover img {
	transform: translateY(-8px) scale(1.1);
    opacity: 1;
}

.flex_cell:hover h3 {
	transform: translateY(-3px);
    opacity: 0.9;
}

.flex_cell:hover p {
	transform: translateY(-3px);
    opacity: 1;
}

/*.flex_cell:hover img {
	animation-name: animicon;
	animation-duration: 400ms;
}

@keyframes animicon {
	40% {
		transform: translateX(70px) scale(0.5);
		opacity: 0;
	}
	50% {
		transform: translateX(-140px) scale(0.5);
		opacity: 0;
	}
	75% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
*/

a {
    text-decoration: unset !important;
}

madred {
    color: #db0049;
}

whitetext {
    color: white;
}

@media only screen and (max-width: 767px) {
   h2, h1 {  
            font-size: 2.3em !important;
    } 
}

h1 {
    text-transform: none !important;
    letter-spacing: -2px !important;
    line-height: 0.9em !important;
}

h2 {
    text-transform: none !important;
    letter-spacing: -2px !important;
}

h3 {
    text-transform: none !important;
    font-size: 1.6em;
    color: white !important;
}

narrow {
    letter-spacing: -0.2em;
}

.column-top-margin {
    margin-top: 0px !important;
}
.avia-menu-text {
    font-family: 'GothamProBlack', 'Montserrat';
    text-transform: capitalize;
}
.avia-menu-subtext {
    font-family: 'GothamProLight', 'Montserrat';
    font-size: 18px !important;
}

.avia_ajax_form input {
  font-family: 'GothamProBlack', 'Montserrat'!important;
    font-size: 20px !important;
}

.avia_ajax_form textarea {
  font-family: 'GothamProBlack', 'Montserrat'!important;
    font-size: 20px !important;
}

a:hover {
  color: white !important;
}

::selection {
  background: #db0049;
  color: #333333;
}

#scroll-top-link {
    display: none; 
}

.nl-box {
  background-color: green !important;
  width: 376px;
  height: 105px;
  box-shadow: 0px 10px 15px rgba(30, 104, 171, 0.15);
}