/* 

	Theme Name: Matic Pond Modern Child

	Theme URI: http://www.spab-rice.com 

	Description: Pond child Theme. 

	Version: 3.0.0

	Author: Spab Rice 

	Author URI: http://www.spab-rice.com 

	Template:    pond-modern

	Text Domain:  pond-child

	

*/

/* Parent CSS is enqueued by functions.php. */

/* hero button */
.sr-button a.background-button {
    color: #fff !important;
    margin-top: 12px;
    
}

a.sr-button  {
    transition: all 0.5ms;
    border-radius: 0;
    font-size: 22px;
    font-family: 'hoverboardultra_black';
    padding: 16px 25px 14px;
    letter-spacing: 0.05em;
    border: 0px solid rgba(255,255,255,.9);
    color: #fff !important;
    background-color: #227690;
    background: -moz-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,156,204,1)), color-stop(100%, rgba(0,76,117,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: linear-gradient(135deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ccc', endColorstr='#004c75', GradientType=1 );

    box-shadow: 0 10px 28px rgba(0,155,255,0.15), 0 5px 10px rgba(0,0,0,0.22);
}

a.sr-button:hover {
    padding: 15px 25px 15px;
    border: 0px solid rgba(255,255,255,.9);
background: rgba(13,192,247,1);
background: -moz-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13,192,247,1)), color-stop(100%, rgba(16,122,179,1)));
background: -webkit-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -o-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: linear-gradient(135deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc0f7', endColorstr='#107ab3', GradientType=1 );

    box-shadow: 0 10px 28px rgba(0,155,255,0.75), 0 5px 10px rgba(0,0,0,0.12);
  
}

 a.sr-button.red-grad {
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(143,21,10,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(100%, rgba(143,21,10,1)));
    background: -webkit-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(143,21,10,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(143,21,10,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(248,80,50,1) 0%, rgba(143,21,10,1) 100%);
    background: linear-gradient(135deg, rgba(248,80,50,1) 0%, rgba(143,21,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#8f150a', GradientType=1 );

    box-shadow: 0 10px 28px rgba(255,55,0,0.35), 0 5px 10px rgba(0,0,0,0.12);
}

 a.sr-button.red-grad:hover {
    background: rgba(255,71,38,1);
    background: -moz-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,71,38,1)), color-stop(100%, rgba(204,23,10,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: linear-gradient(135deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4726', endColorstr='#cc170a', GradientType=1 );

    box-shadow: 0 10px 28px rgba(255,55,0,0.65), 0 5px 10px rgba(0,0,0,0.12);
}

 a.sr-button.red-grad:after {
    background: rgba(255,71,38,1);
    background: -moz-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,71,38,1)), color-stop(100%, rgba(204,23,10,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    background: linear-gradient(135deg, rgba(255,71,38,1) 0%, rgba(204,23,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4726', endColorstr='#cc170a', GradientType=1 );

    box-shadow: 0 10px 28px rgba(255,0,0,0.35), 0 5px 10px rgba(0,0,0,0.12);
}

a.sr-button:after, button.sr-button:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(13,192,247,1);
background: -moz-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13,192,247,1)), color-stop(100%, rgba(16,122,179,1)));
background: -webkit-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -o-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: linear-gradient(135deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc0f7', endColorstr='#107ab3', GradientType=1 );
    z-index: -1;
}

.sticky-header #right-nav ul li a.sr-button {
    color: #fff !important;
}

a.big-button {
    font-size: 24px;

}

.hover-glow img:hover {
    box-shadow: 0 10px 28px rgba(0,155,255,0.35), 0 5px 10px rgba(0,0,0,0.12);
}

 button.sr-button {
    display: inline-block;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    line-height: 20px !important;
    letter-spacing: 0.2em; 
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #0d0d0d;
    border: 1px solid rgba(0,0,0,.2);
    padding: 20px 30px;
    position: relative;
    }
    button.sr-button:after {
    content:""; 
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #009dcd;
    z-index: -1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
    }

/* fonts*/

            
@font-face {
    font-family: 'hoverboardregular';
    src: url('./includes/webfont/hoverboard_regularHoverboard.eot');
    src: url('./includes/webfont/hoverboard_regularHoverboard.eot?#iefix') format('embedded-opentype'),
         url('./includes/webfont/hoverboard_regularHoverboard.woff2') format('woff2'),
         url('./includes/webfont/hoverboard_regularHoverboard.woff') format('woff'),
         url('./includes/webfont/hoverboard_regularHoverboard.ttf') format('truetype'),
         url('./includes/webfont/hoverboard_regularHoverboard.svg#hoverboardregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hoverboardlight';
    src: url('./includes/webfont/hoverboard_lightHoverboard.eot');
    src: url('./includes/webfont/hoverboard_lightHoverboard.eot?#iefix') format('embedded-opentype'),
         url('./includes/webfont/hoverboard_lightHoverboard.woff2') format('woff2'),
         url('./includes/webfont/hoverboard_lightHoverboard.woff') format('woff'),
         url('./includes/webfont/hoverboard_lightHoverboard.ttf') format('truetype'),
         url('./includes/webfont/hoverboard_lightHoverboard.svg#hoverboardthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hoverboardthin';
    src: url('./includes/webfont/hoverboard_thinHoverboard.eot');
    src: url('./includes/webfont/hoverboard_thinHoverboard.eot?#iefix') format('embedded-opentype'),
         url('./includes/webfont/hoverboard_thinHoverboard.woff2') format('woff2'),
         url('./includes/webfont/hoverboard_thinHoverboard.woff') format('woff'),
         url('./includes/webfont/hoverboard_thinHoverboard.ttf') format('truetype'),
         url('./includes/webfont/hoverboard_thinHoverboard.svg#hoverboardthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hoverboardultra_black';
    src: url('./includes/webfont/hoverboard_ultra_blackHoverboard.eot');
    src: url('./includes/webfont/hoverboard_ultra_blackHoverboard.eot?#iefix') format('embedded-opentype'),
         url('./includes/webfont/hoverboard_ultra_blackHoverboard.woff2') format('woff2'),
         url('./includes/webfont/hoverboard_ultra_blackHoverboard.woff') format('woff'),
         url('./includes/webfont/hoverboard_ultra_blackHoverboard.ttf') format('truetype'),
         url('./includes/webfont/hoverboard_ultra_blackHoverboard.svg#hoverboardultra_black') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hoverboard-thin {
    font-family: 'hoverboardthin', arial; letter-spacing: 0.06em; line-height: 1.4em; /*-webkit-text-stroke: 1px; text-stroke: 1px;*/"
}

.hoverboard-light {
    font-family: 'hoverboardlight', arial; letter-spacing: 0.06em; line-height: 1.2em; /*-webkit-text-stroke: 1px; text-stroke: 1px;*/"
}

.hoverboard-regular {
    font-family: 'hoverboardregular', arial; letter-spacing: 0.0em; line-height: 1.4em; /*-webkit-text-stroke: .5px; text-stroke: .5px;*/"
}

.hoverboard-ultra {
    font-family: 'hoverboardultra_black', arial; letter-spacing: 0.0em; line-height: 1em; /*-webkit-text-stroke: 0px; text-stroke: 0px;*/"
}

.text-stroke-light {
    letter-spacing: 0.06em; line-height: 1.4em; -webkit-text-stroke: .5px !important; text-stroke: .5px !important;
}

.no-text-stroke {
    -webkit-text-stroke: 0px !important; text-stroke: 0px !important;
}

.text-spacing {
    font-size: 14px !important; line-height: 1.4em !important;
}

.text-spacing a h6{
    font-size: 14px !important; line-height: 1.4em !important;
}

/*carousel icon style*/

.icon-text {
    font-size: 18px !important;
    text-transform: uppercase !important;
    line-height: .95em !important;
    color: #00adee;
    letter-spacing: .02em;
}

.list-on-dark ul li{

}

 a.sr-button.active-btn{

    background: rgba(13,192,247,1);
    background: -moz-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13,192,247,1)), color-stop(100%, rgba(16,122,179,1)));
    background: -webkit-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
    background: linear-gradient(135deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc0f7', endColorstr='#107ab3', GradientType=1 );

        box-shadow: 0 10px 28px rgba(0,155,255,0.75), 0 5px 10px rgba(0,0,0,0.12);
}