/*
Theme Name: OFM
Author: Zach Boudreau
Author URI: https://metreagency.com/
Description: OFM - Custom Theme
Version: 1.0
Text Domain: ofm
*/
    @charset "utf-8";
	@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed: 100,300,400,700|Roboto:300,400,500');
    @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:700');
        /* Keep icons from shifting layout */
    html.fa-events-icons-loading .fa-fw {
      display: inline-block;
      width: 1.28571429em;
    }

    html.fa-events-icons-loading .fa-fw::before {
      content: "\00a0";
    }
    body {
			background-color: #edeef0;
            font-family: 'Roboto';
            font-weight: 300;
            color: #6E7076;
            color: #43414e;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-kerning: normal;
            line-height: 1.6;
		}
        h1, h2, h3, h4, h5, h6 {
			font-weight: 700;
            font-family: 'IBM Plex Sans', sans-serif;
            /*font-family: 'Open Sans';*/
			margin-left: 0px;   
            color: #404040;
        }
        h1 {  
            font-size: 36px;
            padding-bottom: 15px;
		}
		h2 {  
            font-size: 28px;
		}
		h3 {  
            font-size: 22px;
		}
		h4 {  
            font-size: 20px;
		}
		h5 {  
            font-size: 16px;
		}
		h6 {  
            font-size: 12px;
		}
        b, strong {
            font-weight: 500;
        }
		p {  
			font-size: 16px;
			padding-left: 15px;
			padding-bottom: 12px;
            font-family: 'IBM Plex Sans', sans-serif;
            font-family: 'Roboto', sans-serif;
			font-weight: 300;
			padding-right: 7px;
			/*color: #353535;*/
		}
		.ofm-col-main.home p a {  
			text-decoration: none;
            color: #c00;        
		}
		.ofm-col-main.home p a:hover {  
			text-decoration: underline;
            color: #ad0000;        
		}
		.ofm-col-main.home p {  
            line-height: 1.45em;
            margin-bottom: 4px;
		}
		.ofm-col-main.ofm-page p {  
            line-height: 1.5em;
            padding-right: 15px;
		}
        figcaption {
            margin-bottom: 15px;
            margin-left: 3px;
            margin-top: 5px;
            font-weight: 500;
            font-size: 15px;
            line-height: 1.3
        }
        blockquote {
            border-left: 11px solid #cfcfcf;
            font-size: 18px;
            font-family: 'Roboto';
            font-weight: 300;
            line-height: 26px;
            margin: 40px 12px 40px 0px;
            padding-left: 20px;
            padding-top: 20px;
            padding-bottom: 20px;
            background-color: #f3f3f7;
        }
		footer h2 {
			font-size: 18px;
			font-family: 'Roboto Condensed';
			margin-top: 0px;
		}
        figcaption {
            margin-bottom: 15px;
        }
		section {
			margin-bottom: 20px;
		}
        option {
            font-weight: inherit;
            display: block;
            white-space: inherit;
            min-height: 1.2em;
            padding: 2px;
            border-left: 0px;
            margin: 0px;
            box-shadow: none;
        }
        #ofm-select-archive {
            padding: 6px;
            font-family: arial;
            border-radius: 4px;
            font-size: 14px;
        }
		section button {
			margin-right: 5px;
		}
        .wp-caption {
            max-width: 100%;
        }
        .embed-responsive-2by1 {
                padding-bottom: 45%;
        }
/*************************************/
/****** article pages - single *******/
/*************************************/
        .ofm-article-single p,
        .ofm-article-single div {
            padding-left: 0px;
            font-size: 17px;
            padding-bottom: 0;
            line-height: 1.6;
            font-weight: 300;
            font-family: 'Roboto';
            margin: 0 0 25px;
        }
        #jig1 div {
            margin-bottom: 0px;
        }
        .ofm-article-single div.embed-responsive-16by9 {
            padding-bottom: 56.25%;
        }
        .ofm-article-single div.embed-responsive {
            position: relative;
            display: block;
            height: 0;
            overflow: hidden;
        }
		.ofm-article-single p a {  
			text-decoration: underline;
		}
		.ofm-article-single p.time a {  
			text-decoration: none;
		}
        .ofm-article-single p.time {
            line-height: 16px;
            font-size: 16px;
            margin-bottom: 0px;
            margin-top: 20px;
            padding-bottom: 5px;
        }
        .ofm-article-single p.mod {
            line-height: 28px;
            font-size: 16px;
            margin-bottom: 30px;
        }
        .ofm-article-single ul {
            border-left: 5px solid #e7e7e7;
            line-height: 26px;
            padding-left: 20px;
            margin: 40px 0px 40px 0px;
        }
        .ofm-article-single ul li {
            list-style-type: none;
            padding-left: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .ofm-article-single ul li:first-child {
            list-style-type: none;
            padding-top: 0px;
        }
        .ofm-article-single ul li:last-child {
            list-style-type: none;
            padding-bottom: 0px;
        }
        .ofm-article-single section  {  
			/*background-color: #fff;*/
		}
        .ofm-article-single section article  {  
			padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
		}
        .col-sm-12.ofm-article-single {
            padding-left: 15px;
        }
        .ofm-article-single section .ofm-archive article {
            padding-bottom: 20px;
        }
        .ofm-article-single .ofm-caption {
            font-weight: bold;
            padding-bottom: 10px;
        }
        .ofm-article-single div img, .ofm-article-single p img {
            max-width: 100%;
            padding-top: 20px;
        }
        .ofm-article-single .ofm-archive section article span {
            font-size: 16px;
            padding-left:2px;
            padding-right: 2px;
            margin-left: 0px;
            background-color: #f1f1f1;
            float: right;
        }
        .ofm-article-single h1 {
            margin-bottom: 20px;
            margin-left: 0px;
            font-size: 42px;
            /*font-family: 'Roboto Condensed';
            font-family: 'Roboto';*/
        }
        .ofm-article-single section h3, .ofm-article-single section h4, .ofm-article-single section h5,.ofm-article-single section h6 {
            margin-left: 0px;
        }
        .ofm-article-single .ofm-archive h1 {
            padding-left: 15px;
        }

        .ofm-article-single .ofm-archive div {
            line-height: 24px;
        }
/*************************************/
/****** article pages - single *******/
/*************************************/
		.btn-default {
			background-color :#dcdcdc;
			border: 0px;
            font-size: 13px;
		}
		
		footer p {
			padding-left: 0px;	
		}
		/* Images */
		.img-responsive {
			width: 100%		
		}
		.ofm-img-container {
			position: relative;
			overflow: hidden;
		}
		.ofm-img-center {
			position: absolute; 
			top:-100%; 
			left:0; 
			right: 0; 
			bottom:-100%; 
			margin: auto;	
		}
        .ofm-img-container.alt::before {
            background-size: cover;
            filter: blur(8px);
            -webkit-filter: blur(8px);
            transform: scale(1.1);
            position: absolute;
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }
        .ofm-img-center.alt {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            height: 100%;
            width: auto;
        }
        .justified-gallery figure p {
            font-size: 45.5% !important;
        }
		/* Video Play Button Overlay */
		.play:before {
		  content: "\f04b";
		  font-family: FontAwesome;
		  color: rgba(0,0,0,0.77);
		  color: #fff;
		  font-size: 20px;
		  line-height: 20px;
		  padding: 12px 25px 12px 25px;
		  position: absolute;
		  left: 50%;
		  top: 50%;
		  transform: translate(-50%, -50%);
		  z-index: 99;
		  transition: background-color ease .2s;
		  background-color: rgba(0,0,0,0.65);
		  border-radius: 12px;
		}
		.play:hover:before {
		  background-color: #D40003;
		}
		.gallery:before {  
		  content: "\f03e";
		  font-family: FontAwesome;
		  color: rgba(0,0,0,0.77);
		  color: #fff;
		  font-size: 30px;
		  line-height: 30px;
		  padding: 5px 6px 5px 6px;
		  position: absolute;
		  right: 10px;
		  bottom: 10px;
		  transform: none;
		  z-index: 99;
		  transition: background-color ease .2s;
		  background-color: rgba(0,0,0,0.65);
		  border-radius: 2px;
		}
		.gallery:hover:before {
		  background-color: #D40003;
		}
        .dwqa-container {

            padding: 15px;
        }
        .dwqa-container form p {

            padding-left: 0px;
        }
        .dwqa-search {
            padding-left: 0px;
        }
/****** global bootstrap nav adjustments ******/
		.navbar {
			border: 0px;
		}

		.navbar-default {
			background-color: #fff;
            background-color: #282828;
			border-color: #e7e7e7;
		}
        .navbar-default .navbar-toggle {
            border-color: transparent;
            padding: 6px 10px;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #f1f1f1;
            height: 4px;
            width: 26px;
        }

        .navbar-default .navbar-toggle:hover {
            background-color: rgba(255, 255, 255, 0.21);
        }
        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: transparent;
        }
        #ofm-navbar-global .navbar-toggle.offcanvas-toggle {
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 7px;
            margin-bottom: 4px;
            margin-right: 10px;
            margin-left: 12px;
            padding: 0px 0px;
            border-color: none;
            border-left: 0px solid #a6a6a6;
            border-radius: 0;
            background-color: none;
            background-image: none;
            color: #5324a2;
            color: #fff;
            font-size: 28px;
            display: none;
        }
        #ofm-navbar-global .navbar-toggle.offcanvas-toggle:hover {
            background-color: transparent;
        }
		.navbar-brand {
			float: left;
			height: 50px; /*this one*/
			padding: 4px 15px;
			font-size: 18px;
			line-height: 20px;
		}
		#ofm-navbar-global {
			text-transform: uppercase;
			font-size: 18px;
			font-weight: 200;
			font-family: 'Roboto Condensed';
			margin: 0px;
		}
		#ofm-navbar-site {
			/*text-transform: uppercase;*/
			background-color: #e7e7e7;
			font-size: 14px;
			font-weight: 400;
			font-family: 'Roboto Condensed';
			top: 50px;
		}
		#ofm-navbar-site .sep {
			border-left: 1px solid #999;
			min-height: 14px;
			margin: 10px 0px;
		}
		#ofm-navbar-site.navbar {
			min-height: auto;
		}
		.navbar-default .navbar-nav>li>a {
			color: #000;
            color: #fff;
		}
		.navbar-default .navbar-nav li.current-menu-item a {
            color: #fff;
            font-weight: 600;
		}
        .navbar-default .navbar-nav>.active>a:hover {
            color: #000;
			background-color: #e7e7e7;
        }
        .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus {
            color: #fff;
			background-color: transparent;
        }
		.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
			color: #000;
			background-color: #e7e7e7;
		}

/* site nav container base settings*********************/
        .hiddenscroll .navbar.ofm-navbar-site {
            margin-bottom: 0px;
            position: static;
            margin-top: 54px;
            /*changed to fixed
            position: fixed;
            margin-top: 0px;
            top: 54px;
            z-index: 10;*/
        }        
        .hiddenscroll #ofm-navbar-site .container, .hiddenscroll #ofm-navbar-site.navbar-collapse {
            padding-left: 0px;
            padding-right: 0px;
        }
/* site nav container base settings *********************/
/* main site nav ul *********************/
/* horizontal scroll for touch devices */
        .hiddenscroll #ofm-navbar-site ul {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: visible;
            height: 40px;
            position: static;
            margin: 0px;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }
/* reveal the fixed menu */
        .hiddenscroll #ofm-navbar-site ul.active {
            padding-bottom: 34px;
            height: 76px;
        }
        .hiddenscroll #ofm-navbar-site .navbar-nav li.open, hiddenscroll #ofm-navbar-site ul.nav li.open a {
            position: static;
        }
        .hiddenscroll #ofm-navbar-site ul::-webkit-scrollbar {
            display: none;      
        }

        .hiddenscroll #ofm-navbar-site ul.nav li a, .hiddenscroll #ofm-navbar-site ul li {
            flex: 0 0 auto; 
            color: #000;
            font-weight: 600;
            position: static;
        }
        .hiddenscroll #ofm-navbar-site ul.nav li a, .hiddenscroll #ofm-navbar-site ul.nav li.open a:hover, .hiddenscroll #ofm-navbar-site ul.nav li.open a:focus {
            padding-top: 10px;
            padding-bottom:8px;
            border-bottom: 2px solid transparent;
        }
/* main site nav ul *********************/
/* dropdown site nav ul *********************/ 
        .hiddenscroll #ofm-navbar-site ul.dropdown-menu {
            display: none;
        }
        .hiddenscroll #ofm-navbar-site .navbar-nav .open ul.dropdown-menu li.divider {
            margin: 10px 0;
            overflow: hidden;
            background-color: #999;
            width: 1px;
            height: 16px;
        }
        .hiddenscroll #ofm-navbar-site .navbar-nav .open ul.dropdown-menu {
            display: flex;
            position: fixed;
            position: absolute;
            width: 100%;
            justify-content: space-evenly;
            background-color: #eee;
            border-radius: 0px;
            top: 94px;
            height: 36px;
            padding-top:0px;
            padding-bottom: 0px;
            /*changed to fixed
            top: 40px;
            z-index: 20;*/
        }
        .hiddenscroll #ofm-navbar-site .navbar-nav .open ul.dropdown-menu li {
            height: 36px;
            border-bottom: 0px solid transparent;
            }
        .hiddenscroll #ofm-navbar-site ul.nav li.open ul.dropdown-menu li a {
            padding-top: 8px;
            padding-bottom: 8px;
            padding-right: 15px;
            padding-left: 15px;
            border-bottom: 0px solid transparent;
        }
/* dropdown site nav ul*********************/ 

        /* global column section behaviors */
		section {
			background-color: #f9f9fb;
		}
		section:hover {
			background-color: #fff;
		}
		section h1, section h2, section h3, section h4, section h5, section h6 {  
			margin-left: 13px;
            margin-right: 13px;
            
		}
		/* reset padding for main content columns */
		.ofm-col {
			padding-left: 0px;
			padding-right: 0px;
			line-height: 1.4em;
		}
		.ofm-col-l section:first-child {
			border-top: 3px solid #B94244;/**/
            /*border-top: 3px solid #0B9444;muskie*/
            /*border-top: 3px solid #ff9f2c;walleye*/
		}
/*bg color set to site color*/
		.ofm-col-r section:first-child  {
			border-top: 3px solid #4C82C3;
		}
		/* column specific behaviors */
		.ofm-col-l section h1, .ofm-col-r section h1 {  
			font-size: 20px;
			padding: 13px 10px;
			padding: 15px 15px;
			margin: 0px;
		}
		.ofm-col-r section h2 {  
			font-size: 20px;
			padding: 15px 15px;
			margin: 0px;
		}
		.ofm-col-l section article p, .ofm-col-r p {  
			padding-left: 15px;
			padding-top: 15px;
            padding-right: 15px;
		}

        .ofm-col p.ofm-description a, .ofm-col-r p.ofm-description a, .ofm-col-l p.ofm-description a, .ofm-col-r p.ofm-description a {
            color: #fff; 
        }
        .ofm-feature {
            
            position: relative;
        }
		.ofm-col-l section article, .ofm-col-r section article,  .ofm-classifieds article {  
			font-size: 14px;            
			padding: 7px 0px;
			margin: 0px 15px;
			border-top: 1px solid #c3c3c3;
		}
		.ofm-classifieds article {  
			margin: 0px 16px 0px 4px;
			border-top: none;
			border-bottom: 0px solid #c3c3c3;
            
		}
        .ofm-classifieds article {
            margin: 0px 16px 0px 16px;
            border-top: none;
            border-bottom: 1px solid #c3c3c3;
        }
		.ofm-bigfish article {  
			margin: 0px 4px 4px 0px;
            margin: 10px 6px 6px 6px;
			border-top: none;
			border-bottom: 0px solid #c3c3c3;
		}
		.ofm-bigfish article.clearfix {  
			margin: 0px;
            padding: 7px 6px;
            font-size: 16px;
            border-bottom: 1px solid #bfbfbf;
		}
		/*.ofm-bigfish article.clearfix:nth-child(even) {  
			background-color: #f1f1f1;
		}*/
		.ofm-bigfish article.clearfix p {  
			margin: 0px 0px;
            padding: 0px 0px;
            font-size: 11px;
            font-weight: 300;
		}
		.ofm-bigfish article.clearfix a:hover {  
			text-decoration: none;
		}
        .ofm-bigfish h1 {
            font-size: 39px;
            margin: 20px 0px 20px 0px;
            padding-bottom: 0px;
            padding-top: 0px;
            padding-left: 6px;
            color: #3b3b3b;
            letter-spacing: 0px;
        }
        .ofm-bigfish-caption {
            color:#3b3b3b; 
            padding: 10px 5px; 
            font-weight: 500;
        }
        .ofm-bigfish-label {
            position: absolute;
            bottom: 0px;
            text-align: center;
            z-index: 999;
            display: block;
            left: 0px;
            padding: 9px;
            margin: 0px 0px 0px 0px;
            background: rgba(0, 0, 0, 0.45);
            right: 0px;
            color: #fff;
            line-height: 15px;
            font-size: 13px;
        }
        .ofm-bigfish .ofm-col article:nth-child(n+4) {
            margin: 0px 0px 16px 0px;
        }
        .ofm-bigfish-single h1 {
            margin-bottom: 20px;
            font-size: 39px;
            margin-right: 18px;
        }
        .ofm-bigfish-single p {

            padding: 4px 15px;
            margin: 0px;
        }
        .ofm-bigfish-single article {
            padding-bottom:  10px;
            position: relative;
        }
        .ofm-bigfish-single ul {
            padding-left:  16px;
            padding-right:  16px;
            list-style:  none;
        }
		.ofm-col-l section article a, .ofm-col section a {  
            font-family: 'Roboto';
			font-weight: 300;
            color: #404040;
		}	
        .ofm-col section #ofm-img-paging a, .ofm-col section #ofm-img-paging p {
            font-size: 17px;
            line-height: 17px;
            font-weight: 400;
            text-decoration: none;
        }
        .ofm-col section #ofm-img-paging
        {
            padding: 10px;
            font-size: 17px;
            line-height: 17px;
            position: absolute;
            text-align: center;
            top: 0;
            left: 0;
            background-color: #ffffffb5;
        }

        .ofm-col-l section article a {  
            font-weight: 300;
            color: #404040;
        }			
		.ofm-col-l section article a:hover, .ofm-col section a:hover  {  
			color: #c00;
			text-decoration: none;
		}
        .container.ofm-article-container {
            background-color: #fff;
        }
        .ofm-col .ofm-archive section article a {
            width: 70%;
            float: left;
        }

        .ofm-article-single.ofm-podcast div {

            margin: 0px;
        }
/*video single*/

        .ofm-video-single .ccb_single_video_player  {
            margin-bottom: 30px;
        }
        .ofm-video-single p {
           
            /*font-size: 15px;*/
            margin-bottom: 10px;
            padding-left: 5px;
        }
        .ofm-video-single p.ofm-video-stats {
            padding: 10px 5px;
            font-size: 15px;
        }
        .ofm-video-single p.ofm-video-stats span {
            border-top: 1px solid #f1f1f1;
            padding-top: 10px;
        }
/*video single*/
       .ofm-col section a.podcast-meta-new-window, .ofm-col section a.podcast-meta-download {
            font-weight: 400;
            font-size: 16px;
        }
        .ofm-col section .podcast_meta p {
            margin-bottom: 30px;
            margin-top: 5px;
            line-height: 19px;
        }
       .ofm-col section .podcast-meta-date {
            font-size: 16px;
        }

		/* section specific behaviors */
		.ofm-insta div:nth-child(even) {
			width: 50%;
			float: left;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		.ofm-insta div:nth-child(odd) {
			width: 50%;
			float: left;
			padding-left: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		.ofm-classifieds h1  {  
			font-size: 20px;
			padding: 15px 14px;
			margin: 0px;
		}
		 .ofm-classifieds .ofm-img-container p {
			z-index: 1000;
			position: absolute;
			white-space: nowrap;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			bottom: 0;
			padding-bottom: 0px;
			margin-bottom: 0px;
			line-height: 33px;
			padding-right: 15px;
			color: white;
			background-color: rgba(0, 0, 0, 0.2);
		 }
		 .ofm-classifieds .ofm-img-container {
			margin-bottom: 15px;
		 }

        /**PAGING*/
        .pagination>li {
            display: inline-block;
        }
        .pagination>li>a, .pagination>li>span {
            color: #7b7b7b;
            font-size: 16px;
            border-radius: 4px;
            font-weight: 700;
        }
        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
            color: #fff;
            border-color: transparent;
        }
        /*******FORMS*******/
            form.ofm-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
            font-size: inherit;
            font-family: inherit;
            padding: 7px 4px;
            letter-spacing: normal;
        }
        body .gform_wrapper .top_label div.ginput_container {
            margin-top: 0px;
        }
        /*  Tables    */
        .ofm-classifieds th, .ofm-classifieds td {
            padding:  8px;
            font-size: 16px;
        }

        table.ofm-classifieds tbody tr:nth-child(even) {
            background-color: rgba(195, 195, 195, 0.23);
        }
        /*  social medi plugins    */
        #sb_instagram .sbi_moderation_link {
            margin-right: 10px!important;
        }
        /*search styles*/
        #search p {
            font-size: 14px;
            padding-left: 15px;
            padding-bottom: 0px;
            font-family: ibm plex sans,sans-serif;
            font-family: roboto,sans-serif;
            font-weight: 300;
            padding-right: 7px;
            color:#545454;
            margin-bottom: 3px;
            line-height: 1.6em;
        }
        #search {
            padding-bottom: 15px;
        }
        #searchform {
            width: 100%; 
            padding-left: 15px;
            padding-right: 15px;   
        }
        footer #searchform {
            margin-left: -2px;
        }
        footer #searchform {
            padding-left: 0px;
        }
 /*******GRAVIY VIEW*******/
    .gv-table-view {
        font-size: 16px;
    }
    .gv-table-view p, p.gv-back-link {
        padding-left: 0px;
    }
    .gv-table-view .gv-table-view-content th {
        width: 20%;
    }
/****************************************************************************************/

	@media (min-width: 768px){
        main {
            margin-top: 104px;
        }
        .container {
            /*width: auto;*/
        }
        .navbar {
			border-radius: 0px;
		}
		.navbar-nav {
			float: right;
			margin: 0;
		}
		#ofm-navbar-global .navbar-nav li a {
			border-left: 0px solid #b7b7b7;
		}
		#ofm-navbar-site .navbar-nav li a {
			padding-top: 7px;
			padding-bottom: 7px;
            padding-left: 10px;
			padding-right: 10px;
			color: #4e4e4e;
		}
		#ofm-navbar-site {
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
		}
        blockquote {
            margin: 40px;
            padding: 20px;
        }
        .ofm-article-single ul {
            margin: 40px 40px 40px 40px;
        }
        .ofm-col-main {
            padding-right: 15px;
        }
        /*moved from main*/
        .ofm-col p.ofm-description, 
        .ofm-col-r p.ofm-description, 
        .ofm-col-l p.ofm-description, 
        .ofm-col-r p.ofm-description  {
			text-align: center; 
			padding: 15px; 
			/*bottom: -20px; 
			left:0; 
			right: 0; 
			overflow: visible; 
			margin: 0px 20px; 
			position: absolute; 
			z-index: 1000;*/
			background: #000; 
			color: #fff; 
			margin-bottom: 0px;
			background-color: rgba(0, 0, 0, 0.80);
		}
        .ofm-col p.ofm-description-upload {
            padding: 8px;
            z-index: 10;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            /*bottom: 0;*/
            background: linear-gradient(0deg, #ffffff00, #00000008 15%, #00000014 30%, #00000087);
		}
        .ofm-col p.ofm-description-upload a {
            color: #fff;
		}
	}
/****************************************************************************************/
	@media (max-width: 767px){
        .ofm-col-main.home section:first-of-type {
            margin: 0px -15px 20px -15px;
        }
        /*search styles*/
        footer #searchform {
            padding-bottom: 12px;
            margin-bottom: 10px;
        }
        
    }
/****************************************************************************************/
	@media (max-width: 767.9999px){
		.navbar {
			margin-bottom: 0px;
		}
        #ofm-navbar-site {
            margin-top: 54px;
        }
        .navbar-toggle {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-right: 10px;
        }
        main .container {
        /*    padding-right: 0px;
            padding-left: 0px;
            margin-right: 0px;
            margin-left: 0px;*/
        }

        #ofm-navbar-global .navbar-collapse {
            border-top: 0px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
        }
        #ofm-navbar-global {
            box-shadow: 0px 3px 20px 3px rgba(0, 0, 0, 0.4);
        }
        #ofm-navbar-global .navbar-nav {
            margin: 1px -15px 0px -15px;
        }
        .ofm-col-l section article, 
        .ofm-col-r section article, 
        .ofm-classifieds article {
            font-size: 16px;
            padding: 16px 0;
            margin: 0 15px;
        }
        .col-sm-12.ofm-article-single {
            padding-left: 0px;
        }
        .ofm-col .ofm-archive section article a {
            width: 100%;
        }
        .ofm-article-single .ofm-archive section article span {
            font-size: 12px;
            line-height: 20px;
            padding-left:2px;
            padding-right: 2px;
            margin-left: 0px;
            background-color: #f1f1f1;
            float:left;
            font-weight: 500;
            margin-bottom: 4px;
        }
        .ofm-col-l section {
           /* margin-left: 20px;
            margin-right: 20px;*/
        }
        .ofm-col-l section h1, 
        .ofm-col-r section h1, 
        .ofm-classifieds h1 {
            padding: 20px;
            text-align: center;
        }
    
        .container.ofm-archive.article, 
        .container.ofm-single.article {
            padding-left: 0px;
            padding-right: 0px;
        }
        .ofm-col p.ofm-description, 
        .ofm-col-r p.ofm-description, 
        .ofm-col-l p.ofm-description, 
        .ofm-col-r p.ofm-description  {
			background: #000; 
			color: #fff; 
            padding-bottom: 15px;
            padding-top: 15px;
            background: #fff;
            color: #000;
            padding: 25px;
            text-align: center;           
		}
        .ofm-col p.ofm-description-upload {
			padding: 25px;
            margin-bottom: 40px;
		}
        /*video single*/
        .ofm-video-single p, 
        .ofm-video-single h1, 
        .ofm-video-single p.ofm-video-stats {
            /*padding-left: 15px;*/
            padding-right: 13px;
        }
        /*video single*/
        /* hide site menu until modernizr renders */       
        #ofm-collapse-initial {
            display: none;
        }
        .hiddenscroll #ofm-collapse-initial, 
        .no-hiddenscroll #ofm-collapse-initial {
            display: block;
        }
        /* hide site menu until modernizr renders */
        /* flex menu for phones */
        .no-hiddenscroll main {
            margin-top: 54px;
            /*margin-top: 27px;*/
        }
        .no-hiddenscroll #ofm-navbar-global .navbar-toggle.offcanvas-toggle {
            display: block;
        }
        .hiddenscroll #ofm-navbar-global .navbar-toggle.offcanvas-toggle {
            display: none;
        }
        .no-hiddenscroll .navbar-brand {
            padding: 6px 30px;
            height: 54px;
        }
        .hiddenscroll .navbar-brand {
            padding: 6px 10px;
            height: 54px;
        }
/* flex menu for phones */
/* offcanvas menu for responsive devices*/
        .row-offcanvas.no-hiddenscroll  {
            position: relative;
            -moz-transition: all 0.25s ease-out;
            -o-transition: all 0.25s ease-out;
            -webkit-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
            padding-right: 0px;
            padding-left: 0px;
        }
        .row-offcanvas-left.no-hiddenscroll  .sidebar-offcanvas {
            left: -65%;
            display: none;
            height: 0px;
            /*this class might not be used*/
        }
        .no-hiddenscroll #ofm-navbar-site {
            min-height: 100%;
            background-color: #303030;
            position: absolute;
            position: fixed;
            height: 0px;
            top: 0;
            width: 75%;
            width: 65%;
        }
        .row-offcanvas-left.no-hiddenscroll.active {
            left: 75%;
            left: 65%;
            overflow-x: hidden;
            /*this class might not be used*/

        }
        .row-offcanvas-left.no-hiddenscroll  .sidebar-offcanvas.active {
            left: 0px;
            width: 65%;
            display: block;
            height:100%;
        }
        .row-offcanvas.no-hiddenscroll #ofm-navbar-site .navbar-nav li a {
            font-size: 18px;
            font-weight: 600;
            background-color: #303030;
            color: #FFF;
            text-decoration: none;
            padding-left: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .row-offcanvas.no-hiddenscroll #ofm-navbar-site .navbar-nav {
            padding-top: 15px;
        }
        .row-offcanvas.no-hiddenscroll #ofm-navbar-site .navbar-nav li.sep {
            display: none;
        }
/*offcanvas menu for responsive devices*/
    }
/****************************************************************************************/
	@media (min-width: 768px) and (max-width: 991.9999px){
        .container {
            width: auto;
        }        

		#ofm-navbar-global .navbar-nav li a {
            padding-left: 7px;
            padding-right: 7px;
            font-size: 16px;
		}
		#ofm-navbar-global .navbar-nav li a {
			border-left: 0px solid #b7b7b7;
            padding-left: 7px;
            padding-right: 7px;
		}
        .ofm-col p.ofm-description, .ofm-col-r p.ofm-description, .ofm-col-l p.ofm-description, .ofm-col-r p.ofm-description {
            font-size: 13px;
            line-height: 15px;
        }
    }
/****************************************************************************************/
	@media (max-width: 991px){

    }
/****************************************************************************************/
	@media (min-width: 992px){
		#ofm-navbar-global .navbar-nav li a {
            padding-left: 20px;
            padding-right: 20px;
		}
		/* add pad for main col only when two or more across */	
		.ofm-col-main {
			padding-right: 15px;
		}
		.play:before {
		  font-size: 14px;
		  line-height: 14px;
		  padding: 8px 18px 8px 18px;
		  border-radius: 8px;
		}
		.gallery:before {
		  font-size: 15px;
		  line-height: 15px;
		  padding: 10px 18px 10px 18px;
		  border-radius: 8px;
		  
		  font-size: 20px;
		  line-height: 20px;
		  padding: 5px 6px 5px 6px;
		  border-radius: 2px;
		}
        
	}
/****************************************************************************************/
	@media (min-width: 1200px){
		/* add pad for right col only when three across */	
		.ofm-col-r {
			padding-left: 15px; 
		}
	}
/****************************************************************************************/
    @media (min-width: 1500px){

        .container {
         width: 1400px;
        }
}
/****************************************************************************************/
	@media (min-width: 480px) {
		.col-xs-4-ofm {
			width: 33.33333333%;
			float: left;
			position: relative;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 15px;
		}
		.col-xs-4-ofm {
			width: 33.33333333%;
		}
	}
/****************************************************************************************/
    @media (max-width: 479.9999px){
        .ofm-article-single .ofm-archive div {
            line-height: 23px;
            font-size: 19px;
        }
        .ofm-archive .ofm-article-single section article {

            padding-bottom: 10px;
        }
        .ofm-article-single .ofm-archive section article span {
            margin-bottom: 3px;
        }
        .ofm-bigfish article.clearfix {
            border-bottom: 1px solid #d1d0d0;
            font-weight: 500;
        }
        span.ofm-list-date {
            padding-left:2px;
            padding-right: 2px;
            margin-left: 10px;
            background-color: #f1f1f1;
            font-size: 12px;
        }
        .ofm-article-single h1 {
            font-size: 32px;
        }
        h1 {
            font-size: 32px;
        }
    }
/****************************************************************************************/
    @media (min-width: 480px) and (max-width: 767px){

        .ofm-feature {
            
            width: 350px;
            margin-left: auto;
            margin-right: auto;
        }

    }

/****************************************************************************************/
    @media screen and (max-width: 575.98px){
        .gv-table-view .gv-table-view-content tr td {
            display: block;
        }
    }