/*
 Theme Name:   Andy Townsend Design
 Theme URI:    https://andytownsenddesign.com.au
 Description:  Andy Townsend Design Theme
 Author:       Andy Townsend
 Author URI:   https://andytownsenddesign.com.au
 Template:     generatepress
 Version:      0.3
*/

/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('https://beta.andytownsenddesign.com.au/wp-content/uploads/2021/10/inter-v3-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://beta.andytownsenddesign.com.au/wp-content/uploads/2021/10/inter-v3-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://beta.andytownsenddesign.com.au/wp-content/uploads/2021/10/inter-v3-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://beta.andytownsenddesign.com.au/wp-content/uploads/2021/10/inter-v3-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-900 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('https://beta.andytownsenddesign.com.au/wp-content/uploads/2021/10/inter-v3-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://beta.andytownsenddesign.com.au/wp-content/uploads/2021/10/inter-v3-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/***********************************************************************************************
 *  Colours
 */
.primary {
    color: #A00D06 !important;
}
.secondary {
    color: #94774D !important;
}
.white {
    color: #FFFFFF !important;
}
.grey-1 {
    color: #AAABA9 !important;
}
.grey-2 {
    color: #575855 !important;
}

/***********************************************************************************************
 *  Backgrounds
 */
.bg-primary {
    background-color: #A00D06 !important;
    color: #ffffff;
}
.bg-secondary {
    background-color: #94774D !important;
    color: #ffffff;
}
.bg-white {
    background-color: #ffffff !important;
    color: #AAABA9 !important;
}
.bg-grey {
    background-color: #AAABA9 !important;
    color: #ffffff;
}

/***********************************************************************************************
 *  Show / Hide
 */
.hide {
    display: none;
}


.button {
    border-radius: 4px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
}

.button:hover {
    box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

/* mobile header spacing */

.mobile-header-navigation {
    padding: 10px;
    box-sizing: border-box;
}

/* post comment form button */

input[type="submit"] {
    padding: 13px 24px;
    border-radius: 4px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
}

input[type="submit"]:hover  {
    box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

/* navigation hover effect */

.main-navigation .main-nav ul li > a {
    transition: transform 500ms ease-in-out;
}

.main-navigation .main-nav ul li:hover > a {
    transform: translate3d(0, -3px, 0);
}

/* home page icon boxes column shadows class applied in generateblocks */

.column-shadow {
    box-shadow: 0px 0px 12px #eef0f5;
}

/* rounded corners class assigned to generateblocks images */

.rounded-corners img {
    border-radius: 12px;
}

/* rounded corners on blog posts featured images */

.post-image img, .featured-image img {
    border-radius: 12px;
}

/* mailchimp form styling */

.mc4wp-form input[type=email] {
  background-color: #ffffff;
    padding: 17px 24px 13px 24px;
  border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
}

.mc4wp-form input[type=submit] {
    padding: 14px 24px;
    border: 0px;
    border-radius: 4px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
}

.mc4wp-form input[type=submit]:hover {
    box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

@media (max-width: 768px) {
.mc4wp-form input[type=text], .mc4wp-form input[type=email], .mc4wp-form input[type=submit] {
        width: 100%;
        margin-top: 10px;
    }
}

/* sidebar mailchimp form full width */

#right-sidebar .widget .mc4wp-form input[type=text],
#right-sidebar .widget .mc4wp-form input[type=email],
#right-sidebar .widget .mc4wp-form input[type=submit] {
    width: 100%;
    margin-top: 10px;
}


/* underlined anchor text */
.entry-content p > a {
    position: relative;
}
.entry-content p > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #A00D06;
}