/*
Theme Name:		US 211
Version:		2.1
*/


/*-----------------------------------------------------------------------------------*/
/* Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size:18px; color:#000; font-family:'Roboto', sans-serif; overflow-x:hidden; }
input, textarea { -webkit-appearance:none; border-radius:0; }
input, textarea, select, label { font-family:'Roboto', sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:#102D4A; opacity:1; }
:-moz-placeholder { color:#102D4A; opacity:1; }
::-moz-placeholder { color:#102D4A; opacity:1; }
:-ms-input-placeholder { color:#102D4A; opacity:1; }

h1, h2, h3, h4, h5, h6 { 
    font-weight:400; padding:0; margin:0 0 30px 0; line-height:1.2; color:#005191; 
}
h1 { font-size:56px; text-transform: uppercase; font-family: league-gothic, sans-serif; }
h2 { font-size:42px; text-transform: uppercase; font-family: league-gothic, sans-serif; letter-spacing:0; }
h3 { font-size:32px; }
h4 { font-size:24px; text-transform: uppercase; font-family: league-gothic, sans-serif;}
h5 { font-size:18px; }
h6 { font-size:18px; }
img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active, input[type=submit] { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 15px 0; line-height:1.5; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:900; }

.aligncenter {text-align: center; margin: auto;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.hidden {display: none;}

/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; max-width:1400px; width: 100%; padding:0; }
.view-mobile { display:none; }


/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header { padding: 10px 30px 0 30px; position:relative; }
    
    #header .logo {float: left; margin: 5px 10px 0 0; padding: 0; display: block; position: relative; }
        #header .logo img { margin: 0 10px 0 0; padding: 0; display: inline-block; }
        #header .logo-alt {margin: 0 10px 0 0;}
        #header .logo #tagline {
            font-family: league-gothic, sans-serif;
            display: inline-block; font-size: 35px; padding: 0; margin: 0; color: #005191; text-transform: uppercase; font-weight: 400; 
        }
        
    #header ul#contact-list { float: left; padding: 0; margin: 10px auto 0 auto; }
        #header ul#contact-list li { display: inline-block; margin: 0 20px 0 0; }
            ul#contact-list li a { color: #005191; }
            ul#contact-list li i { margin: 0 5px 0 0; font-size: 20px; color: #FFB351; }
            ul#contact-list li:hover i { color: #005191; }    

    #header .menu-icon { display:none; }

    #header #header-right { float:right; margin-top: 10px; }
        
        #header nav {float: left;}
            #header nav ul.menu > li { float: left; display: block; margin:0 10px; vertical-align:middle; position:relative; }
            #header nav ul.menu > li.current_page_item > a { border-bottom: solid 3px #FFB351; }
            #header nav ul.menu > li > a { 
                display: block; font-size:15px; font-weight:700; color:#000; line-height: 1; margin: 0; padding: 10px 5px 32px 5px; border-bottom: solid 3px #fff; 
            }
            #header nav ul.menu > li > a:hover { color:#005191; border-bottom: solid 3px #FFB351; }

            /* submenu */
            #header nav ul.menu > li > ul.sub-menu { 
                z-index: 20000; display: none; min-width: 190px; top: 57px; left: 0; padding: 0; border-top: solid 3px #FFB351; 
            }
                #header nav ul.menu > li > ul.sub-menu li {display: block; float: none;}
                #header nav ul.menu > li > ul.sub-menu li a,
                #header nav ul.menu > li.current-page-ancestor > ul.sub-menu > li > a { 
                    display: block;
                    padding: 10px; margin: 0; line-height: 1;
                    background: #fff; border-bottom: solid 1px #ccc; 
                    color:#000; font-family: 'MuseoSans300', sans-serif; font-size: 13px; text-transform: none; letter-spacing: normal;
                }
                #header nav ul.menu > li > ul.sub-menu > li.current_page_item {}
                #header nav ul.menu > li > ul.sub-menu > li.current_page_item a {color:#005191;}

			#header nav ul.menu > li:hover > ul.sub-menu { display: block !important; position: absolute;}
	
        #header #header-right .social {float: left; padding: 0;}
            #header #header-right .social li { float:left; margin: 0; padding: 0; line-height:20px; }
                #header #header-right .social li a { padding: 8px 0; line-height:20px; font-size:15px; display: inline-block; }
                #header a i { color: #FFB351; }
               
            #header #header-right .social li:first-child { padding-left:10px; margin-left: 0; border-left:1px solid #EEF1F5; }
                #header #header-right .social li:first-child i { font-size:20px;  }
            #header #header-right .social li:nth-child(2) { padding-right:5px; margin-right:10px; border-right:1px solid #EEF1F5; }
                #header #header-right .social li:nth-child(2) i { font-size:20px; }
            #header #header-right .social li:last-child { margin-right:0; }
            
            #header #flags {width: auto; margin: 11px 0 0 10px; height: 18px; overflow: hidden;}


    #header a { font-size:15px; color:#000; font-weight:700; display:inline-block; }
    #header i { font-size:15px; color: #005191; display:inline-block; vertical-align:middle; margin:0 7px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
    #header a:hover, #header a:hover i { color: #005191; }

/* notice */
#notice-small {background: #005191; width: 100%;}
    #notice-small .notice-inner {padding: 16px 16px; margin: auto; display: block; text-align: center;}
        #notice-small img {display: inline-block; width: 21px; height: auto; margin: -4px 5px 0 0;}
        #notice-small p {display: inline-block; text-align: center; color: #fff; font-size: 16px; line-height: 21px; font-weight: bold; padding: 0; margin: auto;}

#notice-large {background: #005191; width: 100%;}
    #notice-large .container {padding: 20px; margin: auto; max-width: 740px;}
    
    #notice-large img {float: left; display: block; width: 72px; height: auto; margin: 0 20px 0 0;}
        
    #notice-large h3 {color: #FFB351; font-size: 21px; line-height: 1.2; font-weight: bold; padding: 0 0 5px 0; margin: auto;}
    #notice-large p {color: #fff; font-size: 16px; line-height: 1.2; padding: 0; margin: auto;}

	/* top-help */
    #top-help ul#contact-list {padding: 0;display: inline-block;margin: 10px auto 0 auto;}
        #top-help ul#contact-list li { display: inline-block; margin: 0 20px 0 0; }
            ul#contact-list li a { color: #005191; }
            ul#contact-list li i {margin: 0 5px 0 0;font-size: 20px;color: #FFB351;}
            ul#contact-list li:hover i { color: #005191; }  


/*-----------------------------------------------------------------------------------*/
/* Footer styling
/*-----------------------------------------------------------------------------------*/

#footer-widget { padding:35px 20px 35px 20px; background:#E4E9EF; color:#000; position:relative; z-index:200; }
   
    #footer-widget .footer-widget-1 { float:left; width: 149px; margin:0 60px 0 0; }
        #footer-widget .footer-widget-1 .logo img { width: 149px; }
    
    #footer-widget .footer-widget-2 { float:left; width: calc(100% - 1050px); margin:0; }
    #footer-widget .footer-widget-3 { float:right; width: 700px; margin: 0 20px 0 0; }
    
    #footer-widget p { float:left; font-size:20px; font-weight:400;  }
    #footer-widget a { color:#005191; }
        #footer-widget a:hover { color:#005191; text-decoration: underline; }
    
    #footer-widget .footer-widget-3 ul {}
        #footer-widget ul li { float:left; margin:0 50px 0 0; }
        #footer-widget ul li:last-child { margin-right:0; }
        #footer-widget ul li li { float:none; margin:0 0 3px 0; }
        #footer-widget ul li a { font-size:20px; font-weight:700; }
        #footer-widget ul li li a { font-size:16px; font-weight:400; }
    
        #footer-widget ul ul { padding:10px 0 0 0; }
            #footer-widget ul ul a { color:#000; }
            #footer-widget ul ul a:hover { color:#000; text-decoration: underline; }
   
#footer { width: 100%; padding: 20px; margin: 0; background:#fff; color:#000; position:relative; z-index:200; }
    
    #footer .footer-left { float:left; width: 40%; }
        #footer .footer-left li { float:left; margin:0 5px 0 0; line-height:22px; }
            #footer .footer-left li:last-child { margin-right:0; }
            #footer .footer-left li:first-child i { font-size:24px; }
            #footer .footer-left li:nth-child(2) { padding-right:15px; margin-right:20px; border-right:1px solid #E4E9EF; }
            #footer .footer-left li:nth-child(2) i { font-size:24px; }
            #footer .footer-left li i { font-size:20px; color:#005191; }
        #footer a { font-size:16px; color:#000; font-weight:700; display:inline-block; }
        #footer i { font-size:20px; color:#FFF; display:inline-block; vertical-align:middle; margin:0 7px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
        #footer a:hover { }
        #footer a:hover i { color:#FFB351; }
    
    #footer p { width: 50%; max-width: 440px; float:right; margin:0; font-size:16px; }


/*-----------------------------------------------------------------------------------*/
/* Shared Page Styling
/*-----------------------------------------------------------------------------------*/

#page-hero { text-align:center; background:url(images/top-help-bg.jpg) no-repeat center center / cover; padding: 60px 0; }
    #page-hero h1 { font-size:53px; margin: 0; padding: 10px 15px; font-weight: 300; background: #005191; color: #fff; line-height: 1; display: inline-block; }
    
#main { padding: 40px 0; clear: both; }

    .entry .content, .has-sidebar .content {width: calc(100% - 330px); float: left;}

    .full-width .content {width: calc(100% - 330px); float: none; margin: auto;}

    .entry .content h2 {padding: 10px 0 10px 0; margin: 0; line-height: 1.4; color: #000; font-size: 27px; font-family:'Roboto', sans-serif; text-transform: none; }
    .entry .content h3 {padding: 10px 0 10px 0; margin: 0; font-size: 20px; color: #005191;}
    
    .entry p {font-size: 18px; padding: 10px 0; margin: 0;}
    .entry blockquote {margin: 10px 0;}
    
    .entry .content ul, 
    .entry .content ol {padding: 10px 0 10px 0;}
        .entry .content ul li {list-style: disc; margin: 0 0 5px 18px; font-size: 17px;}
        .entry .content ol li {list-style: decimal; margin: 0 0 5px 18px; font-size: 17px;}

    .entry a {color: #005191;}
        .entry a:hover {text-decoration: underline;}
    
    

    body #main .collapseomatic {
        display: block; text-align: left; font-size: 18px; font-weight: 400; color: #fff;
        padding: 15px 50px 15px 20px; margin: 5px auto; 
        background-size: 40px 11px; background-position: right 25px;
        background-color: #005191; width: 100%;
        background-image: url(images/collapseomatic-open.png) !important;
    }
        body #main .colomat-close {
            background-color: #005191;
            background-image: url(images/collapseomatic-close.png) !important;
            color: #fff;
        }

    body #main .collapseomatic_content {
        padding: 15px 20px; color: #000022; margin: auto; 
        text-align: left; max-width: 1400px;
    }
    body #main .collapseomatic_content p {
        text-align: left; font-size: 18px; width: 100%; max-width: 100%; padding: 15px 0; margin: 0;
        font-weight: 400;
    }

    /* unordered list */
    body #main .collapseomatic_content ul li {padding: 0; margin: 0;}
        body #main .collapseomatic_content ul li {
            list-style: disc; text-align: left; font-size: 18px; padding: 10px 0 0 10px; margin: 0 0 0 15px;
            font-weight: 400;
        }
        body #main .collapseomatic_content li li {font-size: 16px; list-style: circle;}

    /* ordered list */
    body #main .collapseomatic_content ol li {padding: 0; margin: 0;}
        body #main .collapseomatic_content ol li {
            list-style: decimal; text-align: left; font-size: 18px; padding: 10px 0 0 10px; margin: 0 0 0 15px;
            font-weight: 400;
        }
            body #main .collapseomatic_content ol li ol li {
                list-style: lower-alpha; font-size: 16px;
            }


    /* sidebar */
    #sidebar {float: right; width: 300px;}
        #sidebar ul#side-boxes { font-size:0; }

            #sidebar ul#side-boxes li { 
                background-size: cover; position: relative; display: block; width: 100%; height:300px; text-align:left; margin: 0 0 20px 0; font-size:18px; padding: 0; color:#FFF;
            }
                #sidebar ul#side-boxes li .inner-content {position: absolute; bottom: 0;}
                #sidebar ul#side-boxes li h2 { 
                    clear: both; display: inline-block;
                    font-size:36px; color:#FFF; background: #005191; padding: 9px; margin: -13px 0 0 0; line-height: 1; 
                }
                #sidebar ul#side-boxes li a { font-size:18px; font-weight:700; color:#FFF; display: block; padding: 5px 15px 15px 15px; margin: 0; }
                    #sidebar ul#side-boxes li a:hover { text-decoration:underline;  }
     
    .sidebar-widget {border: solid 1px #ccc; margin: 0 0 20px 0; padding: 0;}
        .sidebar-widget h2 { 
            font-size:36px; color:#FFF; background: #005191; padding: 9px 14px; margin: 0; line-height: 1; 
            text-transform: uppercase;
            font-family: league-gothic, sans-serif;
            letter-spacing: 0;
        }
        /* categories */
        #sidebar .sidebar-widget ul ul {padding: 9px;}
            #sidebar .sidebar-widget ul .cat-item {list-style: none; padding: 3px 3px;}

        /* tag cloud */
        .tagcloud {padding: 7px 12px 12px 12px;}
            .tagcloud a { font-size: 15px !important; background: #005191; color: #fff; display: inline-block; border-radius: 16px; padding: 5px 15px; margin: 3px 0; white-space: nowrap; }
                .tagcloud a:hover { color: #FFB351; text-decoration: none; }
                /*
                .tagcloud a.tag-link-1 {font-size: 20px !important;;}
                .tagcloud a.tag-link-2 {font-size: 19px !important;;}
                .tagcloud a.tag-link-3 {font-size: 18px !important;;}
                .tagcloud a.tag-link-4 {font-size: 17px !important;;}
                .tagcloud a.tag-link-5 {font-size: 16px !important;;}
                .tagcloud a.tag-link-6 {font-size: 15px !important;;}
                .tagcloud a.tag-link-7 {font-size: 14px !important;;}
                .tagcloud a.tag-link-8 {font-size: 13px !important;;}
                .tagcloud a.tag-link-9 {font-size: 12px !important;;}
                .tagcloud a.tag-link-10 {font-size: 10px !important;;}
                .tagcloud a.tag-link-11 {font-size: 9px !important;;}
                .tagcloud a.tag-link-12 {font-size: 8px !important;;}
                */

/*-----------------------------------------------------------------------------------*/
/* Home Page styling
/*-----------------------------------------------------------------------------------*/


.home ul#contact-list { text-align: center; margin: 10px auto 30px auto; }
    .home  ul#contact-list li { display: inline-block; margin: 0 10px; }
        
#top-help { text-align:center; background: no-repeat center center / cover; padding: 100px 0; }
    
    #top-help .style-three h1 { font-size:90px; font-weight:400; margin:0 0 12px 0; color: #FFB351; }
    
	#top-help .style-three form { margin: auto; display: inline-block; }
		#top-help .style-three .form-holder {float: left; margin: 0 6px;}
		#top-help .style-three .form-holder p {color: #fff; font-size: 27px; line-height: 64px; font-weight: 700;}
		#top-help .style-three .form-holder p.note {font-size: 16px; line-height: 1; padding: 10px 0 0 0;}
		#top-help .style-three input[type=text] {
            height: 64px; line-height: 64px; background: #fff; border: none; width: 235px; padding: 0 25px; color: #000; font-size: 21px; font-weight: 700; outline: none !important;
        }
        	#top-help .style-three input[type=text]::placeholder {color: #999;}
			#top-help .style-three #keyword {width: 320px;}       

		#top-help .style-three input[type=submit],
        #top-help .style-three button {
            width: auto; padding: 0 25px; height: 64px; line-height: 64px; border: none; cursor: pointer;
            background: #FFB351; color: #fff; font-size: 24px; font-weight: 700;
            margin: 0;
        }
			#top-help .style-three input[type=submit]:hover, #top-help .style-three button:hover {background: #005191;}



#service-topic { text-align:center; position:relative; padding:60px 0; margin: auto; }
    
    #service-topic h2 {text-transform: uppercase;}

    #topicsLeft, #topicsLeftAlt {float: left; width: 50%;}
    #topicsRight, #topicsRightAlt {float: right; width: 50%;}
    
    #service-topic li.topicTitle { 
        /*width: calc(33.33% - 15px);*/ 
        display:block; padding: 0 20px 0 0; margin: 0 5px; vertical-align:middle; text-align:left; background-color: #005191;
    }   
        #service-topic .topicTitle h3 {
            display: block;
            padding: 0 50px 0 27px; margin: 10px 10px 0 10px;
            background-repeat: no-repeat;
            background-position: right center;
            background-size: 32px auto;
            font-size: 20px;
            font-weight: 700;
            height: 64px; line-height: 64px; overflow: hidden;
            font-family: 'Roboto', sans-serif;
            color: #fff;
        }
        #service-topic .topicTitle:hover h3 { color:#FFB351; cursor:pointer !important;}
  
    #topic-target-populations {display: none !important;}

    /* subtopic */
    ul.subTopicList {color:#fff; display:none; list-style:disc; padding: 0 0 20px 50px; margin: 0;}
    ul.subTopicList a {color:#fff;}
        ul.subTopicList a:hover {color:#FFB351; cursor:pointer !important;}
   
    /* font awesome */
    #service-topic .topicTitle i {float: right; color:#005191; font-size: 32px; margin: 15px 0 0 0;}
    #service-topic ul.subTopicList li i {float: left; color:#005191; font-size: 24px; margin: 0 5px 0 -24px;}

#background-section { text-align:center; margin: 0; padding: 60px 0 0 0; }
    #background-section h3 { margin:0 auto 80px auto; max-width: 1000px; font-size: 27px; line-height:1.3; font-weight: 400; color: #000; }
      
#intro-section { text-align:center; margin: 0 0 0 0; padding: 0 0 40px 0; }
    #intro-section h3 { margin:0 auto 80px auto; max-width: 1000px; font-size: 27px; line-height:1.3; font-weight: 400; color: #000; }
    #intro-section ul { font-size:0; }
        
        #intro-section li { 
            position: relative;
            display:inline-block; width: calc(33.33% - 10px); height:460px; text-align:left; margin:0 5px; font-size:18px; padding: 0; color:#FFF;
            background-size: cover;
        }
            #intro-section li .inner-content {position: absolute; bottom: 0;}
            #intro-section li h2 { 
                clear: both; display: inline-block;
                font-size:48px; color:#FFF; background: #005191; padding: 10px; margin: -15px 0 0 0; line-height: 1; 
            }
            #intro-section li a { font-size:18px; font-weight:700; color:#FFF; display: block; padding: 20px 20px; margin: 0; }
                #intro-section li a:hover { text-decoration:underline;  }
            /*
            #intro-section li#home1 { background: url(images/home1.jpg); }
            #intro-section li#home2 { background: url(images/home2.jpg); }
            #intro-section li#home3 { background: url(images/home3.jpg); }
            */

#newsletter-section { padding:20px 0 70px 0; margin: auto; max-width: 1140px; }

    #newsletter-section h2 { 
        display:inline-block; vertical-align:middle; text-align: left;
        margin: 0;
        padding: 0 0 0 65px;
        font-size: 48px; 
        background: url(images/icon-newsletter@2x.png) left center no-repeat; background-size: 50px auto;
        width: 480px; overflow: hidden; height: 54px;
        float: left; font-weight: 400;
    }
    
    #newsletter-section form { 
        float: right;
        display:inline-block; vertical-align:middle; overflow:hidden; width:600px; 
    }
        #newsletter-section form input[type=email] { float:left; width:470px; padding:0 20px 0 20px; background:#E4E9EF; border:none; height:54px; line-height:54px; font-size:24px; font-weight:400; color:#000; }
        #newsletter-section form input[type=submit] { float:right; width:130px; height:54px; background:#FFB351; color:#FFF; cursor:pointer; border:none; font-size:24px; font-weight:400; } 
        #newsletter-section form input[type=submit]:hover { background:#005191; }

/* home blog */
#blog-section { padding: 0 0 55px 0;  }
    #blog-section .container {  }
    #blog-section h2 { margin:0 0 30px 0; }
        #blog-section h2 a { color: #005191; }
    
    #blog-section .container a {  color:#005191; font-weight:700; text-decoration: none; }
        #blog-section .container a:hover { font-weight:700; text-decoration:underline; }

    #blog-section .container a.more { font-size:20px; float: right; }

/* home news */
#news-section { padding: 0 0 55px 0;  }
    #news-section .container {  }
    #news-section h2 { margin:0 0 30px 0; }
        #news-section h2 a { color: #005191; }
    
    #news-section .container a {  color:#005191; font-weight:700; text-decoration: none; }
        #news-section .container a:hover { font-weight:700; text-decoration:underline; }

    #news-section .container a.more { font-size:20px; float: right; }
    
/* home newsletter */
.banner {
    color: #FFFFFF;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: x-large;
}

#newsletter {
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #005191;
}

.signup-button {
    background-color: #000000;
    color: #FFFFFF;
}

#newsletter {
    padding-top: 25px;
    padding-bottom: 25px;
}

#button {
    margin-left: 25px;
    background-color: #FFB351;
    border-radius: 4px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bolder;
    color: #005191;
    font-size: x-large;
    border-style: solid;
}
    

/*-----------------------------------------------------------------------------------*/
/* Team
/*-----------------------------------------------------------------------------------*/

#team {margin: 0; padding: 0;}
    #team li {width: calc(33.33% - 30px); float: left; padding: 0; margin: 0 40px 40px 0; list-style: none;} 
        #team li:nth-child(3n) {margin-right: 0;} 
        #team li:nth-child(4n) {clear: both;} 
        #team li img {width: 100%; height: auto;} 
        #team li h3 {padding: 10px 0 5px 0; margin: 0; font-weight: 600;} 


/*-----------------------------------------------------------------------------------*/
/* Blog Styling
/*-----------------------------------------------------------------------------------*/

    /* blog shared */
    ul.meta { list-style: none; text-transform: uppercase; font-weight:600; color:#000; font-size:15px; margin:0; padding: 0; display: block;}
        ul.meta li { display: inline-block; margin: 0; padding: 5px 10px 5px 0; }
        ul.meta li:before { content: "·"; margin-left: -2px; padding-right: 10px; }
        ul.meta li:first-child:before { content: none; padding-right: 0; }
    
    .page-template-template_blog #main .content > h2 {float: left; width: calc(100%-90px); background-color: #005191; padding: 5px 14px;}
        .page-template-template_blog #main .content > h2 a {color: #FFFFFF; }
    .page-template-template_blog #main .view-all { float: right; display: block; width: 90px; text-align: right; padding-top: 15px;}
    
    /* blog loop */
    ul.loop { clear: both; margin:0; width: 100%; padding: 0; }
        ul.loop > li {float:left; width: calc(33.33% - 20px); margin:0 30px 0 0; padding: 0 0 30px 0; min-height: 460px; list-style: none; }
        ul.loop > li:nth-child(3n) { margin-right:0; }
        ul.loop > li:nth-child(4n) {  }
        ul.loop > li img { width:100%; margin:0 0 15px 0; border: solid 1px #eee; }
        ul.loop > li h3 { font-family: 'Roboto Condensed', sans-serif; font-size:26px; margin: 0 0 5px 0; padding: 0; font-weight:900; line-height: 1.1; }
            ul.loop li h3 a { color:#005191; }
            ul.loop li h3 a:hover { color:#005191; text-decoration: underline; }
            
        ul.loop > li .meta a {color: #459CD4;}
        ul.loop > li .meta a:hover {color: #005191; text-decoration: underline;}
        
        ul.loop li p { font-size:16px; }
        

    /* blog */
    .single #page-hero { padding: 60px 0 320px 0; }
        .single #page-hero h1 {  }
     
    .single .entry {max-width: 1300px;} 

    .single p {font-size: 18px;}
        .single .entry .content .meta li { padding-bottom: 10px; margin-left: 0; }
    
    .wp-post-image {width: 100%; height: auto; display: block; margin: -310px auto 40px auto;}
    
    .single h4 {font-size: 28px; padding: 20px 0 0 0; margin: 0;}
    .single-bottom-tags a { 
        font-size: 14px !important; background: #005191; color: #fff; display: inline-block; border-radius: 16px; padding: 3px 12px; margin: 3px 3px 0 0; white-space: nowrap; 
    }
        .single-bottom-tags a:hover { color: #FFB351; text-decoration: none; }
            
   
   



/*-----------------------------------------------------------------------------------*/
/* Search Results Page styling                                                  */
/*-----------------------------------------------------------------------------------*/

#search-filter {text-align: center; width: 100%; padding: 0; margin: 0; position: relative; background: #E4E9EF;}

.fields-container {
    background: no-repeat center center / cover;
	transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;
}
  
	.home .fields-container {background: transparent;}
	
    #search-box {
        width: 80%; max-width: 600px;
        margin: 50px auto 20px auto; padding: 0;
        background: #FFF; border: none;
        height: 64px; line-height: 64px; /*box-shadow: 0 4px 8px 0 #AAA;*/
    }

    #search-box input[type=text] { 
        float: left; padding: 0 20px; box-shadow: none !important;
        width: calc(100% - 64px); border: none !important; height: 64px; line-height: 64px; font-size: 20px; font-weight: 400; color: #000;
    }
        #search-box input[type=text]::placeholder {color: #999; border: none !important;}
    #search-box button {
        float: right;
        background: #FFF url(images/icon-search@2x.png) no-repeat; background-size: 38px 38px; background-position: center center; width: 64px; height: 64px; text-indent: -4000px;
    }

    #location {
        width: 240px; background: #FFB351 url(images/icon-map-marker@2x.png) no-repeat; background-size: 16px auto; background-position: 10px center; 
        color: #005191; font-size: 16px; font-weight: 700; height: 35px; line-height: 35px; padding: 0 10px 0 40px; border: none;
    }
        #location::placeholder {
            color: #005191; opacity: 0.8;
        }

    #distance {
        width: 176px; background: #FFB351 url(images/icon-distance@2x.png) no-repeat; background-size: 16px auto; background-position: 10px center; 
        color: #005191; font-size: 16px; font-weight: 700; height: 35px; line-height: 35px; padding: 0 10px 0 40px; border: none;
    }
        #distance::placeholder {
            color: #005191; opacity: 0.8;
        }
        

    /* filters */
    #sub-topic {}

	#search-filter .fields-container .filter-button a {
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		display: inline-block;
		margin-top: 30px;
		padding: 8px 30px;
	}

	#search-filter .fields-container .filter-button i {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 5px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
	}

    #search-filter .fields-container .filter-button .active-text {
        display: none;
    }

    #search-filter .fields-container .filter-button.active .normal-text {
        display: none;
    }

    #search-filter .fields-container .filter-button.active .active-text {
        display: inline-block;
    }

    #search-filter .fields-container .filter-button.active a {
        background: #CDD5DE; color: #005191; border-radius: 10px 10px 0 0;
    }

    #search-filter .fields-container .filter-button.active i {
        border-bottom: 8px solid #005191;
		transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }




#search-filter .filters-container {
    padding: 30px 20px;
    background: #CDD5DE;
    display: none;
    overflow: auto;
}

    #search-filter .filters-container .filters-list {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px;
        text-align: left;
        width: 465px;
    }

        #search-filter .filters-container .filters-list h3 {font-size: 20px; font-weight: 700; margin: 0 0 10px 0;}

        #search-filter .filters-container .filters-list .dropdown-container {position: relative;}

            #search-filter .filters-container .filters-list .dropdown-container input[type="text"] {
                font-size: 20px;
                font-weight: 700;
                cursor: pointer;
                width: 100%;
                position: relative;
                display: block;
                margin: 0 0 15px;
                background: #FFF;
                border-radius: 30px;
                padding: 0 50px 0 18px;
                border: none;
                height: 46px;
                line-height: 46px;
            }
           
                #search-filter .filters-container .filters-list .dropdown-container i {
                    display: block;
                    content: "";
                    position: absolute;
                    top: 22px;
                    right: 23px;
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 6px solid #102D4A;
                    transition: all 0.3s ease 0s;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    -ms-transition: all 0.3s ease 0s;
                }

        #search-filter .filters-container .filters-list .disabled input,
        #search-filter .filters-container .filters-list .disabled i {opacity: 0.66;}
        #search-filter .filters-container .filters-list .disabled ul {display: none !important;}

        #search-filter .filters-container .filters-list .dropdown-container.active i {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

        #search-filter .filters-container .filters-list .disabled.active i {
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }

            #search-filter .filters-container .filters-list .dropdown-container ul {
                background: #FFF;
                border-radius: 10px;
                display: block;
                overflow: auto;
                margin-bottom: 20px;
                max-height: calc(100vh - 350px);
            }

                #search-filter .filters-container .filters-list .dropdown-container ul li {
                    padding: 7px 50px 7px 18px; margin: 0; font-size: 15px; border-bottom: 1px solid #E4E9EF; position: relative; cursor: pointer; list-style: none;
                }

               
                    #search-filter .filters-container .filters-list .dropdown-container ul li:before {
                        width: 12px; height: 12px; border-radius: 50%; border: 1px solid #102D4A;
                        content: "";
                        position: absolute; top: 14px; right: 23px;
                    }

                    #search-filter .filters-container .filters-list .dropdown-container ul li.active:before {background: #102D4A;}

                    #search-filter.active {position: fixed; left: 0; top: -20px; z-index: 120; width: 100%; min-height: 190px; overflow: hidden;}

    #search-filter.active h1 {font-size: 40px; margin: 0 0 10px 0;}
       
    #search-filter .filters-container .topics-list .dropdown-container input[type="text"],
    #search-filter .filters-container .sub-topics-list .dropdown-container input[type="text"],
    #search-filter .filters-container .sub-topics-list .dropdown-container input[type="text"] {
        font-size: 16px; height: 40px; line-height: 40px;
    }
    
    #search-filter .filters-container .filters-list .dropdown-container i {top: 19px; right: 23px;}

    #search-filter .filters-container button#filter-btn {
        background: #102D4A;
        margin: 34px 0 0 0; padding: 0 20px; height: 40px; line-height: 40px; width: auto; max-width: 100px;
        font-size: 16px; font-weight: 700; color: #fff;
        border-radius: 30px; border: none;
        text-align: center;
    }
        #search-filter .filters-container button#filter-btn:hover {background: #FFB351;}

#search-filter .selected-filters {background: #B5BFCB; padding: 0;}

    #search-filter .selected-filters ul {}

    #search-filter .selected-filters li {
        position: relative;
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        margin: 8px 2px;
        background: #FFF;
        border-radius: 30px;
        padding: 5px 15px;
        /*padding: 5px 30px 5px 15px;*/
    }

/* search results */
#search-results .map-container.active {
    position: fixed; right: 0; top: 180px; z-index: 100;
}

#search-results {padding: 0 0 50px 0;}
    #search-results #map {height: 100vh; width: 50vw;}
    #search-results .results-list {width: 50%; min-height: 100vh; float: left; padding: 0 50px;}
        #search-results .results-list > ul > li {padding: 35px 0; border-bottom: 1px solid #C6C6C6;}
            #search-results .results-list > ul > li:last-child {border-bottom: none;}
        #search-results .results-list h2 { font-family:'Roboto', sans-serif; font-size: 30px; margin: 0 0 5px 0; font-weight: 600; text-transform: none; }
            #search-results .results-list h2 a {color: #005191; text-decoration: none; }
                #search-results .results-list h2 a:hover {color: #FFB351; text-decoration: underline;}

    h2 .rounded-circle {
        border-radius: 50%;
        height: 24px;
        width: 24px;
        line-height: 26px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        float: left;
        display: block;
        margin: 7px 10px 0 0; padding: 0;
        font-family: sans-serif;
        background-color: #005191;
    }
	
    #search-results .results-list p.organization {font-weight: 600; text-transform: uppercase; font-size: 18px; margin: 0 0 10px 0; color:#91aade;}
    #search-results .results-list p.address {font-weight: 600; text-transform: uppercase; font-size: 18px; margin: 0 0 10px 0; color: #000;}
    #search-results .results-list p {font-weight: 400; font-size: 16px;}

    
    #search-results .map-container {
        width: 50%;
        float: right;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }



/*-----------------------------------------------------------------------------------*/
/* Details Page styling                                                         */
/*-----------------------------------------------------------------------------------*/

#detail-content { padding: 0 0 30px 0; }
    
    #detail-content #map {height: 50vh; width: 100vw;}

    #detail-content .container { max-width:1180px; }
    #detail-content .back { margin: 15px 0; }
    #detail-content .back a { 
        display:inline-block; padding:0 0 0 30px; font-size:20px; font-weight:900; color:#005191;
        background:url(images/icon-right-arrow.png) no-repeat left 7px; 
    }
    #detail-content .back a:hover { text-decoration: underline; }
   
#detail-content .left-column { width:430px; float:left; text-align:center; margin:0 0 50px 0; }
    #detail-content .left-column h1 { font-size:42px; font-weight: 600; color:#005191; font-family:'Roboto', sans-serif; text-transform: none; margin:0; text-align:left; line-height: 1; }
    #detail-content .left-column .name { font-size:16px; color:#000; margin: 10px 0; font-weight:600; text-transform: uppercase; text-align:left; }
    #detail-content .left-column ul { margin:0 0 20px 0; text-align:left; }
    #detail-content .left-column ul li { padding:15px 0; border-bottom:1px solid #C6C6C6; line-height:1.7; }
    #detail-content .left-column ul li#address { padding-left:30px; background:url(images/icon-address.png) no-repeat left 22px; }
    #detail-content .left-column ul li#phone { padding-left:30px; background:url(images/icon-phone.png) no-repeat left 22px; }
    #detail-content .left-column ul li a { color:#000; }
        #detail-content .left-column ul li a:hover { color: #005191; text-decoration: underline; }
    #detail-content .left-column ul li#schedule { padding-left:30px; background:url(images/icon-clock.png) no-repeat left 22px; }
    #detail-content .left-column ul li#schedule span { display:inline-block; vertical-align:middle;}
    #detail-content .left-column ul li strong { color:#005191; display:inline-block; vertical-align:top; width:130px; }
    #detail-content .left-column ul li span { display:inline-block; vertical-align:top; }
    #detail-content .left-column .button { background:#FFB351 url(images/icon-address-alt.png) no-repeat 55px center; padding:8px 45px 8px 85px; text-align:center; display:inline-block; font-weight:700; font-size:16px; color:#005191; }
        #detail-content .left-column .button:hover { color:#fff; background:#005191 url(images/icon-address.png) no-repeat 55px center; }

#detail-content .right-column { width:665px; float:right; margin:0 0 50px 0; font-size:24px; padding:25px 0 0 0; }
    #detail-content .right-column .icons { font-size:20px; font-weight:700; margin:0 0 57px 0; }
    #detail-content .right-column .icons li { float:left; margin:0 22px 0 0; padding:0 0 0 28px; }
    #detail-content .right-column .icons li:last-child { margin-right:0; }
    #detail-content .right-column .icons li.new { background:url(images/icon-cross-small.png) no-repeat left center; }
    #detail-content .right-column .icons li.edit { background:url(images/icon-pen.png) no-repeat left center; }
    #detail-content .right-column .icons li.print { background:url(images/icon-print.png) no-repeat left center; }
    #detail-content .right-column .icons li a { color:#005191; cursor: pointer; }
    #detail-content .right-column .icons li a:hover { color:#005191; text-decoration: underline; }
    #detail-content .right-column p { margin:0 0 30px 0; font-size: 18px; }
    
    #detail-content .right-column p a {color: #005191;}
        #detail-content .right-column p a:hover {color: #005191; text-decoration: underline;}
    

.tags li { float:left; margin:0 10px 10px 0; }
    .tags li a { color:#005191; font-size:16px; font-weight:700; display:inline-block; padding:5px 18px; background:#E4E9EF; }
    .tags li a:hover { color:#FFF; background:#005191; }

#detail-content .right-column .attribution { font-size: 16px; margin: 0 0 10px 0; font-weight: 300; text-align: left; width: 100%; }


/*-----------------------------------------------------------------------------------*/
/* FORMS                                                                             */
/*-----------------------------------------------------------------------------------*/

.entry-form, .wpcf7-form {border: solid 1px #E4E9EF; margin: 0 auto 10px auto; padding: 30px 5% 40px 5%;}

    .entry form h3 { font-size:32px; text-transform: uppercase; font-family: league-gothic, sans-serif; letter-spacing:0; text-align: center; }

    #errorText {margin: 0; padding: 0 0 20px 0;}
        #errorText p {margin: 0; padding: 0 0 5px 0; color: #FF443B;}

    .required {color: #FF443B;}

    .entry .note {color: #A5A5A5; padding: 0 0 5px 0; margin: -5px 0 0 0; font-size: 14px;}

    .entry form .field { padding: 0 0 15px 0; font-size: 15px; font-weight: 300; display: block; }
    .entry form .field label.lbl {display: block; font-weight: 600; padding: 0 0 5px 0; margin: 0;}
    .entry form .field br {display: none;}

    form.wpcf7-form .field input[type="text"],
    .entry form .field input[type="text"], 
	.entry form input[type="email"], 
	.entry form input[type="tel"] {
        border: none; width: 100%;
        font-size: 15px; background: #F7F7F7; height: 50px; line-height: 30px; padding: 10px; margin: 5px 0 10px 0;
    }
    .entry form textarea,
	.entry form .textarea-mini {
        border: none; width: 100%;
        font-size: 15px; background: #F7F7F7; height: 170px; padding: 10px; margin: 5px 0 10px 0;
    }
    .entry form .textarea-mini {height: 80px;}

    .entry form .select-holder {
        border: none;
        width: 100%;
        background: #F7F7F7 url(images/down-arrow@2x.png) no-repeat right center; background-size: 20px auto;
        font-size: 15px; height: 50px; line-height: 30px; padding: 10px; margin: 5px 0 10px 0;
    }
        .entry form .select-holder select {
            -webkit-appearance: none;
            width: 100%; border: none; background: transparent;
        }

    .entry form input[type=radio] {
        -webkit-appearance: radio;
        -O-appearance: radio;
        -moz-appearance: radio;
        margin-right: 5px;
    }

	.entry form input[type=checkbox] {
        -webkit-appearance: checkbox;
        -O-appearance: checkbox;
        -moz-appearance: checkbox;
        margin: 0 5px 0 0;
    }

    .entry form .button, 
	.entry form input[type="submit"],
 	.entry form .wpcf7-field-group-remove,
	.entry form .wpcf7-field-group-add {
        display: block; border: none; background: #FFB351; margin: 20px auto 0 auto; line-height: 40px; padding: 0 40px 3px 40px; color: #fff;
    }
    .entry form .wpcf7-field-group-add,
	.entry form .wpcf7-field-group-remove {display: inline-block; margin: 0 5px 20px 0; line-height: 32px; padding: 0 20px 2px 20px; font-size: 14px;}
    	.entry-form .button:hover, 
		.entry form input[type="submit"]:hover,
		.entry form .wpcf7-field-group-add:hover,
		.entry form .wpcf7-field-group-remove:hover {background: #005191;}
		

	.entry form span.wpcf7-list-item {margin: 0;}
	
    
	
    .entry form .wpcf7-list-item-label {padding: 5px 0 0 0;}

    
	/* embed form */
	.entry #search-widget-form .field,
	.entry #search-widget-form .field-alt { position: relative; padding: 20px 0 20px 0; margin: auto; border-bottom: solid 1px #ccc; font-size: 15px; font-weight: 300; display: block; }
    	
	.entry #search-widget-form .field-alt .lbl {width: 100%;}
	
	.entry #search-widget-form .txt {
        background-color: #fff; border: solid 1px #ccc; width: 100%; font-size: 15px; margin: 0 0 5px 0; padding: 5px 10px; 
    }

	.entry #search-widget-form #location { background-color: #fff; border: solid 1px #ccc; margin: 0 0 10px 0; }
	.entry #search-widget-form #distance { background-color: #fff; border: solid 1px #ccc; }
	#search-widget-form .button,
	#search-code-form .button {float: left;}

	
	.entry #search-widget-form .field-alt .color-picker {
		display: inline-block; position: absolute; width: 200px; padding: 0 10px; margin: -1px 0 0 0;
		line-height: 30px; height: 30px; border: solid 1px #ccc;
        /*border: none; width: 100%;
        font-size: 15px; background: #F7F7F7; height: 50px; line-height: 30px; padding: 10px; margin: 5px 0 10px 0;*/
    }

	#search-code-form textarea {margin-bottom: 0;}

/*-----------------------------------------------------------------------------------*/
/* FORMS - EMBED                                                                             */
/*-----------------------------------------------------------------------------------*/

	#search-filter.embed {
		position: relative !important;
		left: inherit;
		top: inherit;
		text-align: center;
		z-index: 120;
		width: 100%;
		min-height: 190px;
		overflow: hidden;
		margin: 0 auto; padding: 0;
	}
		.page-template-template_embed #search-filter.embed {margin: 30px auto; max-width: 1140px;}

	#search-filter.embed h1 { font-size: 64px; font-weight:400; margin:0 0 12px 0; color: #FFB351; text-transform: none; }
    
	#search-filter.embed .fields-container {padding: 40px 0;}

	#search-filter.embed form { margin: auto; display: inline-block; }
		#search-filter.embed .form-holder {float: left; margin: 0 6px;}
			#search-filter.embed .form-holder p {color: #fff; font-size: 21px; line-height: 48px; font-weight: 700; padding: 0; margin: 0;}
			#search-filter.embed .form-holder p.note {font-size: 15px; font-weight: 300; line-height: 1; padding: 10px 0 0 0;}
			#search-filter.embed input[type=text] {
				height: 48px; line-height: 48px; background: #fff; border: none; width: 235px; padding: 0 25px; color: #000; font-size: 21px; font-weight: 700; outline: none !important;
			}
        	#search-filter.embed input[type=text]::placeholder {color: #999;}
			#search-filter.embed #keyword {width: 320px;}       

		#search-filter.embed form input[type=submit],
        #search-filter.embed form button {
        	display: block; width: auto; padding: 0 25px; height: 48px; line-height: 48px; border: none; cursor: pointer;
            background: #FFB351; color: #fff; font-size: 21px; font-weight: 700; margin: 0;
        }
			#search-filter.embed form input[type=submit]:hover, #search-filter.embed form button:hover {/*background: #005191;*/}
			
	#search-filter.embed .filters-container {padding: 30px 0; background: #CDD5DE;}

	#search-filter .filters-container .filters-list {width: 425px;}

/*-----------------------------------------------------------------------------------*/
/* Google maps                                                                          */
/*-----------------------------------------------------------------------------------*/

  /* Always set the map height explicitly to define the size of the div
   * element that contains the map. */
  #map {
    height: 100%;
      height: 500px;
  }
  /* Optional: Makes the sample page fill the window. */
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
                    

/*-----------------------------------------------------------------------------------*/
/* paging                                                        */
/*-----------------------------------------------------------------------------------*/

.content .wp-pagenavi span.current, 
.content .wp-pagenavi a, 
.content .wp-pagenavi span {
    /* padding: 3px 0; width: 28px; display: inline-block; */
    display: inline-block; border: none;
    text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/* MODAL                                                        */
/*-----------------------------------------------------------------------------------*/


/* modal dialog */
.ui-widget-overlay {z-index: 5000 !important;}
.ui-widget {
    font-family:"Source Sans Pro", Arial, sans-serif; 
    font-size: 15px;
}

.ui-dialog {z-index: 5001 !important; font-size: 16px;}
.modalDialog {/*width: 90% !important; height: 90% !important;*/}

body .ui-widget-header {
    border: none; border-bottom: solid 1px #ccc; 
    border-radius: 0;
    background: none; color: inherit;
    margin: 0 0 10px 0;
}

.modalField {padding: 5px 0;}
    .modalField label {}
    .modalField input.txt {width: 200px; border: solid 1px #ccc; padding: 5px 10px; font-size: 15px;}
    .modalField input.txtWide {width: calc(100% - 20px); border: solid 1px #ccc; padding: 5px 10px; font-size: 15px;}

.modalDialog .btn-primary {
    font-size: 15px;
    background: #102D4A;
    border: none;
    color: #fff;
    text-align: center;
}
    .btn-primary:hover {background: #005191; color: #fff;}

.modalDialog .btn-secondary {font-size: 15px;}
    .btn-secondary:hover {}

/*-----------------------------------------------------------------------------------*/
/* Chat Button                                                         */
/*-----------------------------------------------------------------------------------*/

#header-chat {
    margin:5px 40px 0 0;
    float: right;
    display: none;
}

#header-chat a {
    background-color: #005191;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

#header-chat a:hover {
    color: #FFB351;
}