/*****
Theme Name: MH SportsMagazine
Theme URI: http://www.mhthemes.com/themes/mh/sportsmagazine/
Description: MH SportsMagazine comes with a fresh design and nice color scheme / typography, especially suitable for sports magazines and other sports related editorial websites like news portals for sports clubs or else. You can have the same layout in the premium version of MH Magazine (without the need of a child theme) which can be configured by making use of the flexible layout options. MH Magazine offers additional widget areas, multiple unique custom widgets, great features and extended layout options to manage several layout elements on your site including changing the color scheme and typography.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh-magazine-lite
Version: 1.1.1
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-sportsmagazine
Domain Path: /languages/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/***** Structure *****/

.mh-container-outer { margin: 0 auto; box-shadow: none; }

/***** Typography *****/

body { font-family: "Glegoo", serif; color: #000; background: #3C236E; }
h1, h2, h3, h4, h5, h6, .mh-custom-posts-small-title { font-family: "Titillium Web", sans-serif; color: #000; }
pre, code, kbd { color: #000; background: #f7f7f7; }
blockquote { border-color: #fec23e; }
a { color: #000; }
a:hover { color: #260f54; }

/***** Header *****/

.mh-header {
    background: #262626 !important;
}

.mh-header-tagline { color: #fec23e; }
<link rel="stylesheet" href="C:\Users\User\Desktop\font-awesome-4.7.0">

/***** Navigation *****/

.mh-main-nav-wrap { background: #260f54; border-bottom: 5px solid #fec23e; }
.mh-main-nav { background: #260f54; border-bottom: none; }
.mh-main-nav li:hover { background: #fec23e; }
.mh-main-nav ul li:hover > ul { background: #260f54; }
.mh-main-nav .menu > .current-menu-item { background: none; }
.mh-main-nav .menu > .current-menu-item:hover { background: #fec23e; }

/***** SlickNav Custom Style *****/

.slicknav_btn { background: #fec23e; }
.slicknav_menu { border-color: #260f54; background: #fec23e; }
.slicknav_nav ul { border-color: #260f54; }
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { background: #fec23e; }
.mh-main-nav-wrap .slicknav_btn, .mh-main-nav-wrap .slicknav_menu, .mh-main-nav-wrap .slicknav_nav .slicknav_item:hover, .mh-main-nav-wrap .slicknav_nav a:hover { background: transparent; }
.mh-main-nav-wrap .slicknav_nav ul { border-color: #fec23e; }
.mh-main-nav-wrap .slicknav_nav ul ul { border: none; }

/***** Posts/Pages *****/

.page-title { color: #000; }
.entry-content a, .entry-content a:hover, .mh-meta a:hover { color: #260f54; }
.entry-tags li { background: #260f54; }
.entry-tags li:hover, .entry-tags .fa { background: #fec23e; }

/***** Pagination *****/

.page-numbers { color: #000; background: #f7f7f7; }
.page-numbers:hover, .mh-loop-pagination .current, .mh-comments-pagination .current, a:hover .pagelink, .pagelink { background: #fec23e; }
a .pagelink { color: #000; background: #f7f7f7; }

/***** Footer *****/

.mh-footer { background: #260f54; }
.mh-footer a, .mh-footer .mh-meta, .mh-footer .mh-meta a, .mh-footer .mh-meta a:hover { color: #f7f7f7; }
.mh-copyright-wrap { border-color: rgba(255, 255, 255, 0.3); background: #260f54; }
.mh-copyright, .mh-copyright a { color: #f7f7f7; }

/***** Images / Video *****/

.wp-caption-text { color: #000; }

/***** Gallery *****/

.gallery-caption { color: #fff; }

/***** Comments *****/

.bypostauthor .mh-comment-meta-author:after, .mh-comment-meta-links .comment-reply-link:before, #respond #cancel-comment-reply-link:before, .required { color: #fec23e; }

/***** Forms *****/

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border-color: #fec23e; }
input[type=submit] { background: #fec23e; }
input[type=submit]:hover { background: #260f54; }

/***** Searchform *****/

.mh-widget .search-form { background: #f7f7f7; }

/***** Widgets *****/

.mh-widget-title { padding: 10px 25px 10px 15px; background: #f7f7f7; border-left: 10px solid #fec23e; border-bottom: none; }
.mh-footer-widget-title { padding: 0 0 5px; border-bottom: 3px solid #fec23e; border-left: none; background: none; }

/***** Widgets Areas (Advertising) *****/

.mh-ad-spot { background: #f7f7f7; }

/***** MH Slider Widget *****/

.mh-slider-widget img { width: 100%; display: block; }
.mh-slider-widget .flex-control-paging li a.flex-active { background: #fec23e; }
.mh-slider-caption { border-color: #fec23e; background: #260f54; background: rgba(38, 15, 84, 0.8); }
.mh-widget-col-1 .mh-slider-caption { background: #260f54; }
.mh-footer-widget .mh-slider-caption { background: rgba(255, 255, 255, 0.1); }

/***** MH Posts Stacked Widget *****/

.mh-posts-stacked-title { background: #260f54; background: rgba(38, 15, 84, 0.8); }
.mh-posts-stacked-meta { background: #fec23e; }
#mh-mobile .mh-footer-widget .mh-posts-stacked-overlay { border-color: #260f54; }

/***** MH Tabbed Widget *****/

.mh-tabbed-widget, .mh-tabbed-widget a { color: #000; }
.mh-tabbed-widget a:hover { color: #260f54; }
.mh-tabbed-widget .tagcloud a { color: #fff; }
.mh-tab-buttons { border-bottom: 3px solid #fec23e; }
.mh-tab-button, .mh-tab-content { background: #f7f7f7; }
.mh-tab-button.active, .mh-tab-button.active:hover { color: #fff; background: #fec23e; }
.mh-tab-comment-excerpt { background: rgba(255, 255, 255, 0.6); }
.mh-footer-widget .mh-tabbed-widget, .mh-footer-widget .mh-tabbed-widget a { color: #fff; }
.mh-footer-widget .mh-tab-button.active { background: #fec23e; }
.mh-footer-widget .mh-tab-comment-excerpt { background: #260f54; }

/***** WP Calendar Widget *****/

#wp-calendar caption { background: #f7f7f7; }

/***** WP Tag Cloud Widget *****/

.mh-widget .tagcloud a, .mh-footer-widget .tagcloud a { background: #260f54; }
.tagcloud a:hover, .mh-widget .tagcloud a:hover, .mh-footer-widget .tagcloud a:hover { background: #fec23e; }

header.entry-header {
    display: none;
}

.mh-container-inner {
	width: 100%;
	max-width: 1080px;
}

.mh-wrapper.clearfix {
    background: #1e1e1e;
}

.mh-main-nav,
.mh-copyright-wrap {
     background: #23282d;
     color: #fff;

}


.mh-main-nav {
     background: #23282d;
     color: #fff;
     max-width: 1080px;
     margin: 0 auto;
     border-left: 1px solid rgba(255, 255, 255, 0.1);
     border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.mh-widget, .mh-footer-widget {

border-top: 0px;

}

.mh-widget-title {
    padding: 10px 25px 10px 15px;
    background: #23282d;
    color: #fff;
    border-left: 0px;
    border-bottom: none;
    text-align: center;
}

.mh-main-nav .menu > .current-menu-item:hover {
   
}

.mh-main-nav .menu > .current-menu-item {
    color: #fff;
}

.mh-main-nav li:hover {
  color: #fff;
}

.tablepress .row-hover tr:hover td {
    background: none !important;	
}



.entry-title {
	color: #fff;
}

.mh-copyright-wrap {
	border-top: 5px solid #fff;
} 


#colophon {
    background: #23282d;
border-top: 1px solid #fec23e;
color: #fff;
text-align: center;
padding: 5px 23px 26px 20px;
    max-width: 1037px;
    margin: 0 auto;
    position: relative;
}


.mh-main-nav-wrap {
    border-bottom: 5px;
    background: #262626;
}

.image-test1 {
    float: left;
    margin-right: 10px;
}

.image-test2 {
    float: left;
    margin-right: 10px;
}

.image-test3 {
    float: left;
    
}

.img-holder {
    display: table;
    margin: 0 auto;
}

@media screen and (max-width: 767px) { 
  .image-test1 {
    float: left;
    margin: 0;
  }
    .image-test2 {
    float: left;
    margin: 0;
  }
    .image-test3 {
    float: left;
  }
  .banners-place {
    width: 180px;
    margin: 0 auto;
    display: table;
}
}

.tipsfortheday {

border-bottom: 2px solid #333;
position: relative;
float: left;
width: 100%;

}

.tipsfortheday div {

position: relative;
float: left;


}

.tipsfortheday .left {

width: 65%;

}

.tipsfortheday .right {

width:35%;

}


input[type="image"] {
    background: #1e1e1e;
    border: none;
}


.single1 {
position: relative;
float: left;
width: 50%;
}

.single2 {
position: relative;
float: right;
width: 50%;
}

.single3 {
position: relative;
float: left;
width: 50%;
}

.single4 {
position: relative;
float: right;
width: 50%;
}

.price {
    color: #ffffff;
    padding-left: 45px;
}

form { 

margin-top: -80px!important; 

}

i.fa.fa-check {
    color: #43a00a;
}

i.fa.fa-times {
   color: red;
}

i.fa.fa-undo {
    color: #fec23e;
}

form.wpcf7-form {
    padding-top: 70px;
    
}

p {
   color: #fff;
}

.info-text {
   border-bottom: 2px solid #333;
   margin-bottom: 15px;
}

.info-text2 {
   border-bottom: 2px solid #333;
   margin-bottom: 15px;
}

.info-text3 {
   border-bottom: 2px solid #333;
   margin-bottom: 15px;
}

.mh-loop-thumb {
    float: left;
    margin-right: 20px;
    display: none;
}

h1.page-title {
    color: #fff;
}

.entry-content a:hover, .mh-meta a:hover {
    color: #fec23e;
}

.banner-block {
	text-align: center;
	margin: 10px 0;

}

.banner-block a {
	display: inline-block;

}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    color: #fff;
}

input[type=submit]:hover {
    background: #fec23e;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    color: #fff;
}

.entry-content.clearfix ol {
    color: #fec23e;
}

/***** Media Queries *****/

@media screen and (max-width: 900px) {
	#mh-mobile .mh-slider-caption { background: #260f54; background: rgba(38, 15, 84, 1); }
}
@media screen and (max-width: 767px) {
	.mh-main-nav-wrap { border: none; }
}
@media only screen and (max-width: 420px) {
	.mh-copyright-wrap { padding: 15px 20px; }
}

@media screen and (max-width: 767px) {
	.single1 { padding: 15px 20px; }
}

@media screen and (max-width: 767px) {
	.single2 { padding: 15px 20px; }
}