/*
Theme Name: Stampede Cranes
Author: the FirstPage Marketing
Author URI: https://www.firstpagemarketing.com/
Version: 1.0
*/

sup {
    font-size: 0.5em;
    top: -1em;
}

.herophone-group {
    display: none;
}

.herophone-group-desktop {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.herophone-group-desktop a {
    margin-bottom: 10px;
    margin-left: 30px;
}

.blog_roll { padding-top: 0px;}
.blog-thumb { max-width: 100%; height: auto; width: 100%;}
.featured-image { max-width: 50%!important; height: auto;}
.blog-post h1 { color: #1a1a1a;
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin: 30px 0;}
.blog-post hr {margin: 30px 0px !important;}
.blog_item h2 {margin-top:0px;}
.blog_item {margin-bottom: 50px;}
.blog_roll hr {margin-bottom: 30px !important;}
.sidebar {padding-left: 50px; margin-bottom: 50px;}
.wp-pagenavi{display:block;   position:relative;  margin-top:10px; margin:20px 0px 0; text-align:center}

.wp-pagenavi span , .wp-pagenavi a{color:rgb(50,50,50); font-weight: bold; display:inline-block; border:0; background-color: #fff;  border-radius: 3px;}

.wp-pagenavi span.current {background: #1a1a1a; color:#fff; font-weight:normal} 

.wp-pagenavi a, .wp-pagenavi span {color:#fff;display: inline-block;font-size:18px; margin: 0 2px;padding: 12px 10px; text-decoration: none; font-weight:normal; text-transform:uppercase; font-family: 'Montserrat';}

.wp-pagenavi .extend { color: #000; }

.wp-pagenavi a {
    background-color: #FDB815
}
a.previouspostslink{left: 0;position: absolute; float:left; color:#fff; }
a.nextpostslink {float: right;position: absolute;right:0; color:#fff; }

.wp-pagenavi a:hover {
    background: rgb(180, 131, 16);
    color: #fff
}

.page_cover  .row .blog_roll .col-md-4 { padding-left: 15px; padding-right: 15px;}
.page_cover  .row .blog_roll .col-md-8 { padding-left: 15px; padding-right: 15px;}
.blog-categories { margin-bottom: 10px; line-height: 28px;}
.blog-categories span {font-family: 'Montserrat', sans-serif;     color: #1a1a1a;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;}
.blog-categories span a {
    color: #FDB815;
    font-family: 'Montserrat', sans-serif;}
.blog-categories span a:hover {
    color: rgb(180, 131, 16);
}

.widget ul li a { line-height: 34px; display: block; padding-left: 5px; position: relative; left: -5px;}
.widget ul li.current-cat a { font-weight: bold; }
.widget_title {    color: #1a1a1a;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase; margin-bottom: 10px;}
/* .widget ul li a:hover { background-color: #e9702a; color: #fff;}*/
/* .widget ul li.current-cat a:hover { background-color: #e9702a; color: #fff;}*/

.socialshare { margin-bottom: 50px;}
.content_row .socialshare li {margin-left: 5px; padding-left: 0px !important;}

  /* Image Alignment */
.alignnone , a img.alignnone {margin: 5px auto 50px; max-width: 100%; display:block;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 60px auto; max-width: 100%; position: relative; z-index: 1;}
.alignright , a img.alignright{float:right; margin: 5px 0 10px 20px !important; max-width: 40%}
.alignleft , a img.alignleft {float: left; margin: 5px 20px 10px 0; max-width: 40%}
a img.aligncenter {display: block;  margin-left: auto; margin-right: auto; max-width: 100%}

.blog_item p { cursor: pointer}
.blog_item p:hover {
    color: rgb(180, 131, 16);
}

.blog_item img { cursor: pointer}
.blog_item img:hover {
    border-color: rgb(180, 131, 16);
    
}

@media (max-width: 1352px) {
    .top_header ul li a {
        font-size: 13px;
        padding: 0px 5px;
    }

    .top_header .right_menu li a {
        padding: 0px 10px;
    }
    
}    

@media only screen and (max-width: 1000px) and (min-width: 768px){
.alignnone, a img.alignnone, .aligncenter, div.aligncenter, .alignright, a img.alignright, .alignleft, a img.alignleft {
    margin: 30px auto;
    float: none;
    display: block;
}
}
@media (max-width: 767px) {
	/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 15px auto 20px !important; float:none; display: block; max-width: 550px;}
	.blog-thumb { margin-bottom: 20px; }
	.featured-image { max-width: 500px!important; display: block; margin: 0 auto 20px; float: none}
	.blog-post h1 {font-size: 35px !important; line-height: 1.5em;}

	.herophone {
	    display: none;
	}
	
	.herophone-group-desktop {
	    display: none;
	}
	
    .herophone-group {
        display: block;
    }

    .herophone-group a {
        color:  #fdb814 !important;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-size: 22px !important;
    }

	
}