a {
    color: #d2410d;
}
a:hover {
    color: #281f1d;
}

#sp-main-body {
    padding: 10px 0;
}

#offcanvas-toggler >i:hover {
    color: #fafafa;
}
#sp-header {background: #281f1d none repeat scroll 0 0;} 

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {color: #fff;} 
.sp-megamenu-parent >li >a:hover {color: ##d3410d;} 
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: #FFFFFF;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
    background: #d1410c;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #d1410c;
}

#sp-footer {background: #281f1d;}  
#offcanvas-toggler >i {
    color: #FFF;
}

.sp-module .sp-module-title {font-size: 50px;line-height: 3;font-family: Roboto Slab;}




/*==========  k2  ==========*/

div.catItemImageBlock {
    padding: 0;
    margin: 0 10px 5px 0;
    float: left;
}
span.catItemImage img {
    border: none;
    padding: 0;
    box-shadow: 0 0 7px #BEBEBE;
}
div.catItemReadMore a {
    color: #58595b;
}
div.catItemReadMore a .fa-arrow-right {
	opacity: 0;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
div.catItemReadMore a:hover .fa-arrow-right {
	opacity: 1;
	margin-left: 10px;
	color: #21366d;
}
span.catItemImage {
    margin: 0;
}
.catItemImage {
	position: relative;
}
.catItemImage img, span.itemImage img{
	box-shadow: 0 0 5px #8B8B8B;
	-moz-box-shadow: 0 0 5px #8B8B8B;
	-webkit-box-shadow: 0 0 5px #8B8B8B;
}
span.itemImage img {
	border: none;
    padding: 0;
}
div.itemImageBlock {
    padding: 0;
    margin: 0 16px 16px 0;
    float: left;
}




.catItemImage .overlay{
	position: absolute;
	z-index: 10;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(27,163,156,0.3);
	text-align: center;
	opacity: 0;
	transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.catItemImage .overlay .fa {
	font-size: 2.5em;
    color: #fff;
    margin-top: 23%;
    padding: 20px;
    border-radius: 50%;
    border: 2px solid #FFF;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}
.catItemImage:hover .overlay {
	opacity: 1;
}
.catItemImage:hover .overlay a:hover .fa {
    color: #fff;
  	border: 2px solid #d2410b;
    background: #d2410b;
}

div.itemListCategory p {
	font-family: 'Open Sans', sans-serif!important;
	font-size: 18px;
    text-transform: none;
    line-height: 26px;
    font-weight: 300;
    color: #58595b;
    text-align: left;
	letter-spacing: 0!important;
}


div.itemListCategory {
    background: none;
    border: none;
  text-align: center;}


div.itemFullText  p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
    text-transform: none;
    line-height: 26px;
    font-weight: 300;
    color: #58595b;
    text-align: left;
	letter-spacing: 0!important;
}
div.itemFullText  ul, ol  {
	font-size: 18px;
    text-transform: none;
    line-height: 26px;
    font-weight: 300;
    color: #58595b;
    text-align: left;
	letter-spacing: 0!important;
}

div.itemListCategory ul, ol {
    font-size: 18px;
    text-transform: none;
    line-height: 26px;
    font-weight: 300;
    color: #58595b;
    text-align: left;
    margin-bottom: 10px;
	letter-spacing: 0!important;
}

.left_main.blog .catItemTitle a {font-size: 18px;}



/********* Sub-menus CSS **********/
#sp-left .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    float: left;
    width: 100%;
    background: #fff;
    color: #34394A;
    -webkit-box-shadow: inset 0 0 0 1px #DFDFD0;
    -moz-box-shadow: inset 0 0 0 1px #DFDFD0;
    box-shadow: inset 0 0 0 1px #DFDFD0;
    margin: 0 0 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#sp-left .nav>li {
    position: relative;
    display: block;
    text-transform: none;
    font-size: 15px;
    border-bottom: 1px solid #DFDFD0;
    padding: 0;
}
#sp-left  ul.nav.menu > li > a {
    display: inline-block;
    width: 100%;
    color: #34394A;
	line-height: 26px;
    padding: 10px;
}
#sp-left ul.nav.menu li.current a, .sp-left ul.nav.menu li:hover a {
    background: #d2420d;
    color: #fff;
}
#sp-left  li.current:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
}
#sp-left ul.nav.menu > li:first-child > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#sp-left ul.nav.menu > li:last-child > a {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#sp-left li.current:after {
    right: -15px;
    border-width: 35px 0 35px 15px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d2420d;
}

#sp-left .sp-module .sp-module-title {
    margin: 0 0 20px;
    text-align: center;
    color: #262626;
    font-size: 18px;
    padding: 10px;
    border-bottom: 5px solid #d2420d;
    width: 100%;
}













div.itemView {
    border-bottom: none;
}

div.itemBackToTop a {
    text-decoration: underline;
    font-size: 13px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #016086;
    color: #fff;
}
div.itemBackToTop a:hover {
    background: #00adef;
}


/*==========  Blog  ==========*/

.k2-main div.catItemHeader, div.tagItemHeader, .genericItemHeader {
    position: absolute;
    background: rgb(229, 229, 229);
    background: rgba(87, 92, 94, 0.5);
    border-radius: 6px;
    margin: 12px;
      z-index: 999;
}

.k2-main .catItemHeader .catItemDateCreated, .k2-main .tagItemDateCreated, .k2-main .itemDateCreated, .k2-main .userItemDateCreated, .k2-main .genericItemDateCreated, div.tagItemHeader span.tagItemDateCreated, div.genericItemHeader span.genericItemDateCreated {
    float: left;
    font-weight: 300;
    color: rgb(255, 255, 255);
    padding: 8px 10px;
    text-align: center;
    border-radius: 6px;
}










.title-container.blog .itemHeader {
    width: 5%;
    float: left;
    margin: 0 3% 20px 0;
}


.title-container.blog .itemHeader.fa-bookmark:before {
    content: "\f02e";
    font-size: 5.8em;
    position: absolute;
    z-index: 0;
    color: rgb(210, 64, 12);
    text-shadow: 2px 2px 0 rgb(202, 202, 202);
}



.title-container.blog .itemHeader span.itemDateCreated {
    color: rgb(255, 255, 255);
    font-size: 11px;
    z-index: 100;
    position: relative;
    padding: 12px 16px;
    display: block;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: auto;
    font-weight: 400;
    text-align: center;

}



div.itemVideoBlock {
    
    background: none;
    
}
div.itemVideoBlock h3 {
    
    color: #000;
    
}









/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   .title-container.blog .itemTitle {
    font-size: 28px;
    margin-left: 13%;
}
   .title-container.blog .itemHeader {
    width: 5%;
    float: left;
    margin: 0 1% 20px 10px;
}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  #sp-left {display:none}
  .sp-module .sp-module-title {font-size: 25px;line-height: 1;}
  
  .title-container.blog .itemHeader {
    width: 5%;
    float: left;
    margin: 0 1% 20px 10px;
}
  
  .title-container.blog .itemHeader span.itemDateCreated {
    
    font-size: 11px;
    padding: 12px 18px;
    
}
  .title-container.blog .itemTitle {
    font-size: 24px;
    margin-left: 25%;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  
}