/*
 * Theme Name: Owatonna Public Utilities
 * Theme URI: http://www.owatonnautilities.com
 * Description: Template for Owatonna Public Utilities. Created: 2017 August SL
 * Version: 1.0
 * Author: Lime Valley Advertising, Inc.
 * Author URI: http://www.limevalley.com
 * Template: Avada
 * Note: This website is NOT programmed to be < IE11 compatible. Responsive theme.
 *
 * --------- Color Guide ---------- 
 * #ffffff	| White		 | Note
 * #ffffff	| White		 | Note
 * #ffffff	| White		 | Note
 * #ffffff	| White		 | Note
 * #ffffff	| White		 | Note
 *
 */
/* INDEX
00. Font declarations
01. Global
02. UI
- 02a. Header
- 02b. Navigation
- 02c. Footer
- 02d. Content
03. Page Specific
- 03a. Homepage
04. Misc.
05. Media Queries
- 05a. Min-width: 980px;
*/


/*------------------------------------*\
    00. FONT DECLARATIONS
\*------------------------------------*/


/*------------------------------------*\
    01. GLOBAL
\*------------------------------------*/
html {  }

/*  typography  */
    a { 
        outline: none; 
        text-decoration: none;
        font-weight: 500;
        -webkit-transition: all .15s  linear;
        -moz-transition: all .15s  linear;
        -o-transition: all .15s  linear;
        -ms-transition: all .15s  linear;
        transition: all .15s  linear; }
    a:hover,
    a:active,
    a:focus {}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #c5006e; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
    h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
    h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
        color: #7894a3; }

    /*  headers  */
    h1, h2, h3, h4, h5, h6 {}
    h1 {}
    h2 {}
    h3 {}
    h4 {}
    h5 {}
    h6 {}


html .fusion-title-size-two, html h2  {
    font-size: 21px !important;
    margin: 0 0 0 !important;
}
    /*  misc & styles  */
    large, .large { font-size: 1.429em; /*20*/ }
    small, .small { font-size: 0.929em; /*13*/ }
    body b { color: inherit !important; font-weight: 800 !important; }
    body p { margin: .4em 0 0.85em; }
    body p:empty { display: none; }
    .border { border: 1px solid #f2f2f2; }
        .border a, .border img { display: block; }
    .hidden { display: none !important; }
    .noclear { clear: none !important; }
    .nomargins { margin: 0 !important; }
    .note { color: #707070; color: rgba(10, 10, 10, .6); }
    .nowrap { white-space: nowrap !important; }
    .required, abbr[title="Required"], abbr[title="required"] { color: #ee2e24 !important; }

    /*  buttons  */
    #top .avia-button.avia-color-light {
        background: #000;
        background: rgba(0,0,0,.5);
        font-size: 2em; /*28*/
        letter-spacing: .1em;
        text-transform: uppercase; }
    #top .avia-button.avia-size-large {
        padding-left: 2.5em;
        padding-right: 2.5em; }

    /*  case  */
    .capitalcase { text-transform: capitalize !important; }
    .lowercase { text-transform: lowercase !important; }
    .uppercase { text-transform: uppercase !important; }

    /*  mime-type  */
    #top .mtli_attachment {
        background-position: left 3px;
        padding-left: 20px !important; }

    /*  text alignment  */
    .textalignleft { text-align: left; }
    .textaligncenter { text-align: center; }
    .textalignright { text-align: right; }

/*  images  */

/*  iframes  */
    iframe {
        max-width: 100%; }

/*  videos  */
    .video-wrap {
        margin-bottom: 1.2em; }

/*  shortcode overrides  */

/*------------------------------------*\
    02. UI
\*------------------------------------*/

/**** - 02a. BEGIN HEADER ****/
html .fusion-secondary-header, html .fusion-alignleft, 
html .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignleft,
html .fusion-secondary-menu>ul>li {
    background-color: #fff;
    border: none;
}

html h3.fusion-header-tagline {
    font-weight: 400;
}


/**** - 02a. END HEADER ****/

/**** - 02b. BEGIN NAVIGATION ****/
#menu-main-menu li a .menu-text {
    font-weight: 400;
    border-right: 1px solid #fff;
}

#menu-main-menu li:last-child a .menu-text {
    border-right: none;
}

/**** - 02b. END NAVIGATION ****/

/**** - 02c. BEGIN FOOTER ****/




/**** - 02c. END FOOTER ****/

/**** - 02d. BEGIN CONTENT ****/
.home .fusion-post-wrapper {
    border: none;
}

html .fusion-modal h1, html .fusion-page-title-bar h1, html .fusion-widget-area h1, html .post-content h1 {
    font-weight: 400 !important;
    line-height: 1 !important;
    font-size: 22px !important;
}

.fusion-title .title-sep-container {
    display: none;
}

.page-template-default #main {
    padding-top: 20px;
}

/**** - 02d. END CONTENT ****/

/*------------------------------------*\
    03. PAGE SPECIFIC
\*------------------------------------*/

/**** -03a. BEGIN HOMEPAGE ****/
/* Slider */
#homepage-slider {
    padding-top: 0 !important;
}

#homepage-slider .fusion-layout-column {
    margin-bottom: 0 !important;
}

#homepage-slider a.fusion-button.button-flat.fusion-button-square.button-large.button-default.button-1.yellow {
    background-color: #ffe01a;
    background: #ffe01a;
    color: #000;
}

/* Icons */
#icon-wrapper .fusion-builder-row>div p {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    padding: 15px 0 0 0;
}

#icon-pay-bill {
    margin-top: 30px !important;
}

#icon-outage, #icon-new-service, #icon-construction, #icon-employment {
    margin-top: 0 !important;
}

.home #main {
    padding-bottom: 0;
}

.home #latest-news-wrapper {
    background-image: url(images/bkg-highlight.jpg);
    background-repeat: no-repeat;
    background-position: bottom !important;
    background-size: contain !important;
    padding-bottom: 50px !important;
    padding-bottom: 4em !important;
}

.home #latest-news-wrapper .fusion-post-wrapper {
    border: none;
}

#latest-news-wrapper .fusion-blog-layout-grid .fusion-post-content-wrapper, #latest-news-wrapper .fusion-blog-layout-timeline .fusion-post-content-wrapper {
    padding: 15px 0 25px;
}

#latest-news-wrapper .fusion-post-wrapper h2 a {
    color: #343333 !important;
    font-size: 18px;
    font-weight: 400;
}

#latest-news-wrapper .fusion-post-content-container p {
    color: #747474;
}

.ff-stream-wrapper {
    margin: 0 !important;
}

/**** -03a. END HOMEPAGE ****/

/**** -04b. BEGIN BLOG STYLES ****/

.single-post h1 {
    font-size: 1.5em !important;
}

h2.blog-shortcode-post-title {
    line-height: 1 !important;
}
/**** -04b. END BLOG STYLES ****/

/*------------------------------------*\
    04. MISC.
\*------------------------------------*/
    /* Table Styles */
    table {
        margin: 0 auto 30px 0;
    }

    .page-id-321 table tr:first-child th {
        font-size: 24px;
    }

    table tr th {
        background-color: #002065;
        color: #fff;
        font-weight: 400;
        border: 1px solid #000;
        padding: 0 3px;
        text-align: center !important
    }

    table tr th a {
        color: #fff;
    }
    
    table tr td {
        border: 1px solid #000;
        padding: 0 3px;
    }

    .page-id-321 tr:nth-child(even),
    .page-id-488 tr:nth-child(even),
    .page-id-347 tr:nth-child(even) {
            background-color: #b3dffc;
    }

/* Form Styles */
#comment-input .placeholder, #comment-input input, #comment-textarea .placeholder, #comment-textarea textarea, #wrapper .search-table .search-field input, .avada-select .select2-container .select2-choice, .avada-select .select2-container .select2-choice2, .avada-select-parent select, .chzn-container .chzn-drop, .chzn-container-single .chzn-single, .comment-form-comment textarea, .input-text, .main-nav-search-form input, .post-password-form label input[type="password"], .search-page-search-form input, .wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .wpcf7-form textarea, .wpcf7-select-parent .select-arrow, input.s, input.s .placeholder, input[type="email"], input[type="text"], select, textarea {
    color: #000 !important;
}

    /* Toggles */
h4.panel-title.toggle a {
    font-weight: 400;
}

h4.panel-title.toggle a:hover,
h4.panel-title.toggle a:focus {
    color: #002065;
}

/* blog post sidebar */
html .fusion-widget-area h4 {
    font-size: 15px;
    font-weight: 500;
}

/* WP Filebase Pro Individual File Pages */
.art-table {
	display: none !important;
}

.wpfb-details {
	display: block !important;
}

html .wpfb-left {
	display: block;
    float: none;
    width: 270px;
    margin: 0 auto 30px;
}

html .wpfb-right {
	display: block;
    float: none;
    margin: 0 auto;
    clear: both;
}

/* Search Box Styles */
.searchform .search-table .search-button input[type=submit] {
	color: #fff !important;
}

/*------------------------------------*\
    05. MEDIA QUERIES
\*------------------------------------*/

/**** 05a. Min-width: 980px; ****/
@media screen and (min-width: 980px) {
/* UI */
    html .fusion-secondary-main-menu {
        background-image: url(images/bkg-nav.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #024b93;
    }
    
    .fusion-mobile-menu-sep, .fusion-secondary-main-menu {
        border: none;
    }
    
    html .fusion-main-menu > ul > li > a {
        padding-right: 0 !important;
    }
    
    #menu-main-menu li a .menu-text {
        padding-right: 20px;
    }
    
    #icon-wrapper {
        height: 107px !important;
    }

    #icon-pay-bill, #icon-outage, #icon-new-service, #icon-construction, #icon-employment {
        margin-top: -80px !important;
    }
    
    .fusion-footer .fusion-column-last {
        margin-top: 6px;
        text-align: right;
    }
    
    table {
        width: 719px;
    }
	
	/** Misc. **/
	/* Wp Filebase Pro Single File Pages */
	html .wpfb-left {
		float: left;
	}
	
	html .wpfb-right {
		float: right;
		clear: none;
	}
    
    
}

/**** 05b. Min-width: 1079px; ****/
@media screen and (min-width: 1079px) {
    
    /* UI */
    html .fusion-header-v4 .fusion-header {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    
    /* Homepage */

    
}