/*
Theme Name: U-Design
Theme URI: https://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive &amp; mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 600 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: https://themeforest.net/user/andondesign/portfolio?ref=AndonDesign
Version: 2.11.2
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/
/*logo in mobile view*/

@media screen and (max-width: 920px) and (min-width: 480px)
responsive2.css?ver=2.11.2:1322
#logo {
    left: 0;
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    width: 440px;
}
style.css?ver=2.11.2:33
#logo {
    width: auto;
    top: 6px;
    left: 0;
    position: absolute;
    z-index: 100;
    padding-left: 20px;
}
style.css?ver=2.11.2:30
#top-elements * {
    box-sizing: content-box;
}
@media screen and (max-width: 919px) and (min-width: 480px)
responsive2.css?ver=2.11.2:867
.container_24 .grid_14 {
    width: 280px;
}
960.css?ver=1.0:101
.container_24 .grid_14 {
    width: 560px;
}
960.css?ver=1.0:31
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

/*8bbbb8*/
@media screen and (max-width: 920px) and (min-width: 480px)
responsive2.css?ver=2.11.2:1329
#logo h1 a, #logo .site-name a {
    width: 440px;
    background-position: 50% 60% !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -ms-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
}
@media screen and (max-width: 920px)
custom_style.cs…1488439735:105
#logo h1 a, #logo .site-name a {
    background: transparent url(http://cityofweatherford.com/wp-content/uploads/2017/03/LOGO110X75.png) no-repeat 0 100%;
    height: 75px;
}
custom_style.cs…2.1488439735:8
#logo h1 a, #logo .site-name a {
    background: transparent url(http://cityofweatherford.com/wp-content/uploads/2016/05/MAIN-LOGO-5001-e1411627744768.png) no-repeat 0 100%;
    width: 250px;
    height: 171px;
}
style.css?ver=2.11.2:45
#logo h1 a, #logo .site-name a {
    display: block;
    text-indent: -5000px;
    overflow: hidden;
    outline: 0;
}
/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...0434b1

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/
#top-wrapper {
    background-color: #FBFBFB;
    border-style: solid;
    border-bottom: thick solid #0434b1;
}
.container_24 .push_8 {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
}

.container_24 .grid_24 {
   background-color: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
}
#page-content #page-title h1, #page-content #page-title h2, #page-content #page-title h3 {
    margin: 5px !important;
    padding: 5px 0 !important;
    height: inherit;
    text-indent: inherit;
}


/* CSSTerm.com Simple CSS menu */

.sidemenu ul {
    margin: 0; 
    padding: 0;
    width:300px;
    list-style-type: none;
background-color:  rgba(255, 255, 255, 0.96);
    border-radius: 5px;
}

.sidemenu ul li a {
    display: block;
    color: #000;
    padding: 9px 9px 9px 9px;
    text-decoration: none;
}
 
 
.sidemenu ul li a:hover, .sidemenu ul li .current {
    background-color: #555;
    color: white;;


{ .sidemenu ul li .active
    background-color: #4CAF50;
    color: white;
}

#top-wrapper {
    background-color: #FBFBFB;
    border-style: solid;
    border-bottom: thick solid #0434b1;
}

