/*
Theme Name: Liam James McGurk - Salient Child Theme
Description: This is a custom child theme for Liam James McGurk using the Salient theme.
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar & Andreas Heldmann
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Liam Font';
    src: url('assets/fonts/liam-webfont.woff2') format('woff2'),
         url('assets/fonts/liam-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width: 690px) {
	.container, 
	.orbit-wrapper .slider-nav, 
	.post-area.standard-minimal.full-width-content .post .inner-wrap {
	    max-width: 360px;
	}
}

#header-outer header .nectar-menu-icon-img, 
#header-outer header .nectar-menu-icon {
    margin-right: 7px;
    top: 0px!important;
}

/*------------------------------*/
/* Animate Header Logo on hover
/*------------------------------*/
@media only screen and (min-width: 1000px){
    #header-outer header #logo img:hover {
        -webkit-transform: rotate(-10deg)!important;
        -moz-transform: rotate(-10deg)!important;
        -o-transform: rotate(-10deg)!important;
        -ms-transform: rotate(-10deg)!important;

        -webkit-transition: all 1.2s ease!important;
        -moz-transition: all 1.2s ease!important;
        -o-transition: all 1.2s ease!important;
        -ms-transition: all 1.2s ease!important;
        transition: all 1.2s ease!important;
    }
    #header-outer header #logo img {
        -webkit-transition: all .4s ease!important;
        -moz-transition: all .4s ease!important;
        -o-transition: all .4s ease!important;
        -ms-transition: all .4s ease!important;
        transition: all .4s ease!important;
    }
}

/*-----------------------------------*/
/* 3. Page Transitions - Loading...
/*----------------------------------*/
#ajax-loading-screen .loading-icon {
    background-size: 160px;
}

#ajax-loading-screen .loading-icon.none {
  animation: pulse 1.2s infinite!important;
}

@keyframes pulse {
  0% {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}