﻿/*======================================================
  STRUCTURE.CSS
  ======================================================

    1.  FLUID CONTAINER
    2.  HEADER 
            - Logo
            - Top Nav
            - Search
            - I'd LIke To
            - Main Nav
            - Mobile Nav
            
    3.  CONTENT AREA
            - Interior Banner
            - Actions Container
            - Subnav
            - Print Area
            - Right Column
                - Quick Links
                - Contact
    4.  HOMEPAGE
            - Homepage Banner
            - Homepage Content
    5.  FOOTER
    6.  MEDIA QUERIES
            - Desktop
            - Tablet
            - Mobile
            - Narrow Mobile

  ===================================================== */

/*======================================================
  TEMPLATE ONLY STYLES
  ===================================================== */

.templateSection {
    padding: 100px 0;
}

    .templateSection.alt {
        background: #eaeaea;
    }
    
/* Expand Columns for editing */
    
.ms-formfieldvaluecontainer .ms-rtestate-read {
	display:inline-block;
	width:100%;
	clear:both;
}
.ms-formfieldvaluecontainer .ms-webpart-selected {
    border: 2px solid #005595;
}

/*======================================================
  0. BODY STYLES
  ===================================================== */

html, body, header, footer {
    min-width: 320px;
}

#uber, body, html {
    width: 100%;
}
#s4-bodyContainer {
	padding-bottom:0;
}


/*======================================================
  1. FLUID CONTAINER
  ===================================================== */

.ic-container-fluid {
    width: 94%;
    margin: 0 auto;
    z-index: 1;
}


/*======================================================
  2. HEADER
  ===================================================== */

header {
    width: 100%;
    padding: 20px 0 0 0;
    position: relative;
    z-index: 101; /*Before 3000*/
    background:#005595;
}
.homepage.has-alerts header {
margin-top:51px;
}
.homepage header {
	margin-top:0;
	background: rgba(0, 85, 149, 0.85);
}

.homepage .article {
	padding:0;
}
header a, header a:link, header a:visited {
    color: #000;
}
.headerInner {
    width: 94%;
    margin: 0 auto;
    padding: 0;
    max-width: 1300px;
    position: relative;
}
.headerLeft {
    position: absolute;
    width: 200px;
    left: 0;
    top: 0;
}

.headerRight {
    width: 100%;
    padding-left: 200px;
}

.headerRow {
    clear: both;
    padding-top: 10px;
}

/* News & Notices Title */
#div_b9b7d512-dc40-49ed-b872-68b93190d74a .ms-WPBorder {
	border:none
}

/*==================
  Logo
====================*/

#logo {
    width: 100%;
    float: left;
}

    #logo img {
        display: block;
        width: 166px;
        height: auto;
    }

    #logo a:focus img {
        outline: 1px solid #0078AE;
    }


/*==================
  Top Nav
====================*/

#topNav {
    padding: 20px 0 10px 0;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}


/*==================
  Search
====================*/

.searchContainer {
    display: table-cell;
    clear: both;
}

.homepage .searchContainer {
    padding-right: 10px;
}

.mobileSearchContainer {
    display: none;
    width: 94%;
    margin: 10px auto;
    position: relative;
    z-index: 10;
}

.interior .mobileSearchContainer {
    margin-bottom: 30px;
}

.search {
    width: 100%;
    max-width: 385px;
    float: right;
    height: 42px;
    background: #fff;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
}

.search form {
    display: block;
}

.search input {
    border: none;
    outline: none;
    background: none;
}

/*
    .search input.searchText {
        width: 80%;
        height: 40px;
        padding: 0 10px 0 24px;
        margin: 0;
        line-height: 40px;
        float: left;
        font-family: 'Roboto Condensed', helvetica, arial, sans-serif;
        font-size: 1.4em;
        font-weight: 500;
        color: #000;
        background: none;
        border: none;
        overflow: hidden;
        -webkit-appearance: none;
        -moz-border-radius: 6px 0 0 6px;
        -webkit-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
    }*/

    
  .search input.searchInput {
    width: 78%;
    height: 40px;
    padding: 0 10px 0 24px;
    margin: 0;
    line-height: 40px;
    float: left;
    font-family: 'Roboto Condensed', helvetica, arial, sans-serif;
    font-size: 1.4em;
    font-weight: 500;
    color: #000;
    background: none;
    border: none;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
          }    
    

/*.search .gobutton {
    width: 20%;
    display: block;
    max-width: 44px;
    height: 40px;
    margin: 0;
    padding: 0;
    float: right;
    text-indent: -9999px;
    background: url(../images/structure/icon-search2x.png) center center no-repeat !important;
    background-size: 22px auto !important;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}*/

    .search input.searchInput::placeholder {
         opacity: 1;
         color: #000;
     }
 
     .search input.searchInput:focus::placeholder {
         opacity: .5;
     }

.search .searchButton {
      width: 20%;
      display: block;
      max-width: 44px;
     height: 40px;
     margin: 0;
     padding: 0;
     float: right;
     text-indent: -9999px;
     background: url(../images/structure/icon-search2x.png) center center no-repeat !important;
     background-size: 22px auto !important;
      -moz-border-radius: 0 6px 6px 0;
      -webkit-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0;
     overflow: hidden;
  }


/*.no-backgroundsize .search .gobutton {
    background: url(../images/structure/icon-search.png) center center no-repeat !important;
}*/

.no-backgroundsize .search .searchButton {
      background: url(../images/structure/icon-search.png) center center no-repeat !important;
  }

/*
.search .gobutton:focus {
    border: dotted 1px #ccc;
}*/


*/

.search .searchButton:focus {
     border: dotted 1px #000;
 }

#search_autocomplete {
    top: 42px !important;
    left: 0;
    border: none !important;
    border-radius: 6px;
    overflow: hidden;
}



/*==================
  Mobile Nav
====================*/

.mobileNav {
    display: none;
    width: 100%;
    padding-top: 12px;
    float: right;
}

/*.mobileNavContainer {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 999;
}*/


/*.mobileDropDown {
    opacity: 0;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 999;
    margin-bottom: 20px;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    -ms-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
}

.navOpen .mobileDropDown {
    height: auto;
    opacity: 1;
}
    */

/*======================================================
  3. CONTENT AREA
  ===================================================== */

/* TOGGLE CONTENT DIV */

.toggleContent {
    padding: 10px;
    background: #eaeaea;
    font-size: .9em;
    margin-bottom: 20px;
}


.topContent {
    position: relative;
    padding-right: 250px;
    min-height:40px
}


#actionsContainerOuter {
    border-top: 1px dotted #90807d;
    border-bottom: 3px double #6d6d6d;
    padding: 15px 0;
    float: left;
    width: 100%;
    margin: 0 0 26px 0;
}

#actionsContainer {
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding-right: 280px;
}

#actions {
    position: absolute;
    right: 0;
    top: 50%;
    max-width: 240px;
    text-align: right;
    z-index: 50; /*998*/
    margin-top: -16px;
}

#socialLinks {
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
}

#mainContent {
    clear: both;
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    #mainContent:focus {
        outline: none;
    }

.wide #mainContent {
    padding-left: 0;
}


#mobileHeading {
    display: none;
}

#subNavContainer {
    width: 22%;
    float: left;
}

    #subNavContainer.wide {
        display: none;
    }

#contentInt {
    width: 78%;
    float: right;
    padding-left:30px
}

.wide #contentInt {
    width: 100%;
}

#intBanner {
    display: inline-block;
    margin-bottom: -4px;
    width: 100%;
    position: relative;
    height: 348px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
}


.subNavTrigger {
    display: none;
    font-size: .85em;
    text-align: center;
    color: #000 !important;
}

    .subNavTrigger img {
        width: 34px;
        display: block;
        margin: 0 auto;
        height: auto;
    }




/*==================
  SubNav
====================*/

/*#calendarEvents {
	margin: 0 auto;
}

.container-calendar {

    overflow-x:hidden;
    overflow-y:hidden;

}*/

#calendarEvents .fc-header { 
    height: 45px !important; 
}

#calendarEvents .fc-event { 
    height: 12px !important; 
    width: 20px !important; 
}

#calendarEvents .fc-day-number { 
    height: 5px !important; 
}

#calendarEvents .fc-week { 
    height: 18px !important; 
}

#eventsCal .fc-day-grid-event > .fc-content { 
        white-space: normal;
}


.uberInt {
    display: block;
}


/*==================
  Right Column
====================*/

#intFloatRight {
    float: right;
    width: 196px;
    overflow: hidden;
    padding: 25px 0px 25px 25px;
    clear: right;
    position:relative;
    z-index:2;
}
#intFloatRight ul li:before {
	display:none;
}

#intQuicklinksPhoto img {
    display: block;
    width: 100%;
    height: auto;
}

/*==================
  News and Events Styles
====================*/

.dfwp-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.newsDate, .newsCategory {
	color:#333;
    display: inline-block;
    vertical-align: middle;
    font-size: .95em;
}
.events-article .newsDate, .events-article .newsCategory {
	display:block
}
.newsDate {
    padding-right: 7px;
    margin-right: 7px;
    padding-top:10px
}

.newsContent {
    margin-top: 20px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.events-article .newsContent {
	margin-top: 20px;
}
.newsContent *  {
    /*margin-top: 60px;*/
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

    .newsContent img {
        display: block;
        max-width: 40%;
        float: left;
        margin: 0 20px 20px 0;
    }
    
.share-links {
	padding-top:5px
}
.share-links a {
    font-size: 20px;
    padding: 5px;
    color: #cacaca;
    text-decoration: none !important;
}
.share-links a:hover {
	color:#005595;
}
.share-links .text {
	color:#888888;
	padding-left:5px;
	font-size:0.95em;
	opacity:0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.share-links:hover .text {
	opacity:1;
}


/*==================
    CONTACT AUTOCOMPLETE
====================*/

/* ===== Contact Tool Styles ===== */

#contactMainContainer {
	clear:both;
}

.contactContainer {
	background: #ececec;
	overflow: hidden;
}
.contactContainer .contactHeader {
	padding: 15px 16px 17px 16px;
	background: #e1e1e1 url(../images/structure/arrow.png) 145px center no-repeat;
}
.contactContainer .contactBody {
	padding: 5px 16px 5px 16px;
}

.contactContainer .autoCompleteContainer {
	text-align: left;
	padding-bottom: 15px;
}

.contactContainer p {
	margin: 0;
	color: #000;
	font-size: 15px;
	text-indent:0;
	padding-bottom:0;
}

.contactContainer .contactBody p{
	border-top: 1px dotted #847774;
	margin: 0 0 10px 0 !important;
	padding-top: 10px;
}

.contactContainer .contactBody p:first-child{
	border-top: none;
}

.contactBody p:last-child {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#printArea .contactContainer .contactHeader p {
	margin: 0;
	color:#000;
	font-size: 20px;
	text-indent:0;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}





/*======================================================
  4. HOMEPAGE
  ===================================================== */

/*==================
  HOMEPAGE BANNER
====================*/

#homepageBannerContainer {
    position:relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    background: #000;
    width:100%;
    height:600px;
    display:inline-block;
    margin-top:-206px
}
#homepageBannerContainer .slide .bannerImage {
	background-position:center center;
}
#homepageBannerContainer .bannerText {
	display:none
}
#homepageBannerContainer .ic-slider {
	bottom:0 !important;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .ms-webpartzone-cell {
	margin:0
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 {
	height: 51px !important;
	width:100%;
	overflow:hidden;
	position:absolute !important;
	top:0;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .ms-webpart-chrome-vertical {
	position:relative;
	width:100%;
	min-width:1400px;
	display:block
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .bx-wrapper {
	background:#ad0e0e;
	border:none;
	width:100%
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .bx-wrapper li {
	min-width:1400px;
}
.homepage .ms-formfieldvaluecontainer #div_66e21868-7c91-4c55-989b-7c24b6366f15 {
	position:relative !important
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list {
	padding:0 !important;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article {
	border: none;
	padding:15px;
	color:#fff;
	font-size: 1.3em;
	margin:0;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article a {
	color:#fff;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article .weather-alert, 
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article .general-alert {
	font-weight:600;
	text-transform:uppercase;
	padding-right:10px;
	display:inline-block;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article .weather-alert:before {
    content: '';
    width: 31px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -10px;
    background: url(/PublishingImages/Pages/Town-of-Newmarket/weather-icon.png);
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article .general-alert:before {
	content:'\f071';
    font-family: 'FontAwesome';
    font-size: 25px;
    padding-right: 14px;
    vertical-align: middle;
}
#div_66e21868-7c91-4c55-989b-7c24b6366f15 .dfwp-list li article .read-more {
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:600;
}
.homepage .ms-formfieldvaluecontainer #div_66e21868-7c91-4c55-989b-7c24b6366f15 { 
	position:relative;
	height:auto !important
}

/*======================
  HOMEPAGE GENERAL
======================== */

.ms-webpart-chrome-title {
	background-color:#005595;
	background-image:url('/PublishingImages/Pages/Town-of-Newmarket/title-background-default.png');
	background-size:cover;
	height: 58px;
}
.ms-webpart-chrome-title h2 img {
	width:40px;
	height: auto;
	float:left;
}
.ms-webpart-chrome-title h2 {
    font-size: 1.95em;
    width:100%;
    max-width: 1280px;
    padding: 10px 30px;
    color:#fff !important;
	font-weight:400;
}
.ms-webpart-chrome-title h2 a {
	color:#fff;
	display:block;
	padding-left:10px;
	top:-2px;
	position:relative;
	float:left
}
.ms-webpart-chrome-title h2 a:hover {
	text-decoration:none;
	color:#fff
}
.homepage table.ms-rteTable-0 {
	background: #f3f2f2;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
    display: block;
}
.homepage table.ms-rteTable-0 tbody {
	max-width:1200px;
	margin:0 auto;
	display: block;
}
.homepage table.ms-rteTable-0 tbody tr {
display:table;
width:100%
}
.homepage table.ms-rteTable-0 tbody tr td {
	padding:15px
}
.homepage table.ms-rteTable-0 tbody tr td h3 {
    color: #333;
    font-weight: 600;
    font-size: 1.25em;
    padding-bottom: 5px;
}
.homepage table.ms-rteTable-0 tbody tr td img {
	margin-bottom:15px !important;
    width: 53px !important;
    padding: 10px;
    box-sizing: content-box;
    border: 1px solid #b4c326;
    border-radius: 50%;
}
.homepage table.ms-rteTable-0 tbody tr td p {
    color: #888888;
}
.homepage table.ms-rteTable-0 tbody tr td a {
	text-decoration:none !important
}
.homepage table.ms-rteTable-0 tbody tr td a:hover h3 {
	color:#005595
}

/*======================
  HOMEPAGE SOCIAL LINKS
======================== */

header #socialLinks {
    display: table-cell;
    vertical-align: middle;
    width: 220px;
    text-align: right;
    padding-right: 20px;
    position: relative;
    top: auto;
    right: auto;
}

    header #socialLinks a {
        display: inline-block;
        margin-left: 5px;
        width: 40px;
        vertical-align: middle;
    }

        header #socialLinks a img {
            display: block;
            width: auto;
            height: auto;
        }


/*======================
  HOMEPAGE NOTICE LINKS
======================== */

.noticeLinks {
    min-height: 180px;
}

    .noticeLinks ul, .noticeLinks ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .noticeLinks ul li a {
            display: block;
            padding: 7px 0;
            color: #000;
            text-decoration: none;
            border-top: solid 1px #ccc;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .noticeLinks ul li:first-child a {
            border: none;
        }

/*=====================
  HOMEPAGE NEWS TICKER
======================= */

.tickerContentOuter {
    background: #545454;
    background: rgba(0,0,0,0.7);
    position: relative;
    z-index: 3;
}

.ticker-content {
    width: 100%;
    padding: 15px 0;
    padding-right: 60px;
    position: relative;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.6);
    clear: both;
}

    .ticker-content .newsTickerTitle {
        display: inline-block;
        float: left;
        margin-right: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .ticker-content ul, .ticker-content ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .ticker-content ul li a {
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            text-decoration: none;
        }

#newsPause {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 13px;
    display: none;
}

    #newsPause a {
        display: block;
        padding: 5px;
        font-size: .9em;
        border: solid 1px #999;
        color: #fff;
        -webkit-transition: background 0.1s ease-in;
        -moz-transition: background 0.1s ease-in;
        -ms-transition: background 0.1s ease-in;
        -o-transition: background 0.1s ease-in;
        transition: background 0.1s ease-in;
        -webkit-backface-visibility: hidden;
    }

        #newsPause a:hover, #newsPause a:active {
            text-decoration: nosne;
            background: #333;
        }
        
/*=====================
  HOMEPAGE NEWS & NOTICES FEED
======================= */

.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff, 
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 {	
	width:50%;
	float:left;
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 {
	position:absolute;
	right:0;
}
#div_06007ac6-e815-46a5-849b-8c356602f432,
#div_38322653-2c49-49a3-b054-526be0c74f6c,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba {
	position:absolute;
	left:0;
	width:100%;
	padding-top:40px;
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title h2,
#div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title h2 {
	left:22%;
}
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title h2,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title h2 {
	left:44%;
	width:36% !important
}
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title h2,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title h2 {
	left:80%;
	width:20%
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-cell-vertical,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-cell-vertical,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-cell-vertical {
	padding-left:30px;
	padding-right:30px;
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-cell-vertical,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-cell-vertical,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-cell-vertical {
	padding-left:10px;
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title,
#div_06007ac6-e815-46a5-849b-8c356602f432 .ms-webpart-chrome-title,
#div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title {
	background: none;
	position:relative;
	width:100%;
	border-bottom:2px solid #005595;
}
#div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title h2,
#div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title h2,
#div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title h2,
#div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title h2,
#div_06007ac6-e815-46a5-849b-8c356602f432 .ms-webpart-chrome-title h2,
#div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title h2,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title h2,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title h2 {
	color:#333 !important;
	font-size:1.25em;
	width: 22%;
   	float:left;
    padding:15px 10px;
    position:relative;
    text-align:center !important;
    z-index:100;
    bottom:-2px;
    font-weight:800;
    cursor:pointer;
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348.open .ms-webpart-chrome-title h2,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771.open .ms-webpart-chrome-title h2,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581.open .ms-webpart-chrome-title h2,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20.open .ms-webpart-chrome-title h2,
#div_06007ac6-e815-46a5-849b-8c356602f432.open .ms-webpart-chrome-title h2,
#div_38322653-2c49-49a3-b054-526be0c74f6c.open .ms-webpart-chrome-title h2,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270.open .ms-webpart-chrome-title h2,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba.open .ms-webpart-chrome-title h2 {
	background:#bdcc2f;
	color:#005595
}
/*.homepage #WebPartWPQ5 .dfwp-list.open, */
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348.open .dfwp-list,
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771.open .dfwp-list,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581.open .dfwp-list,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20.open .dfwp-list,
#div_06007ac6-e815-46a5-849b-8c356602f432.open .dfwp-list,
#div_38322653-2c49-49a3-b054-526be0c74f6c.open .dfwp-list,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270.open .dfwp-list,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba.open .dfwp-list {
	display:block !important;
}

.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .dfwp-list, 
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .dfwp-list,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .dfwp-list,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .dfwp-list,
#div_06007ac6-e815-46a5-849b-8c356602f432 .dfwp-list,
#div_38322653-2c49-49a3-b054-526be0c74f6c .dfwp-list,
#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .dfwp-list,
#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .dfwp-list {
	display:none;
    position: relative;
}
.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-cell-vertical, 
.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical,
.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-cell-vertical,
.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-cell-vertical {
    left:-200px;
    width: 800px;
   	position:absolute
}
.homepage .ms-formfieldvaluecontainer #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-cell-vertical, 
.homepage .ms-formfieldvaluecontainer #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical,
.homepage .ms-formfieldvaluecontainer #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-cell-vertical,
.homepage .ms-formfieldvaluecontainer #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-cell-vertical {
	position:relative;
	left:0;
}

.homepage .ms-formfieldvaluecontainer #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff,
.homepage .ms-formfieldvaluecontainer #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771,
.homepage .ms-formfieldvaluecontainer #div_039ac75c-31dc-45b5-8a39-11b782db4348, 
.homepage .ms-formfieldvaluecontainer #div_cbad2766-d132-4aeb-ae56-0e0cc342d581,
.homepage .ms-formfieldvaluecontainer #div_c7b5c39a-2258-4180-a82e-00523fd51f20,
.ms-formfieldvaluecontainer #div_06007ac6-e815-46a5-849b-8c356602f432,
.ms-formfieldvaluecontainer #div_38322653-2c49-49a3-b054-526be0c74f6c,
.ms-formfieldvaluecontainer #div_5114d9ac-30fc-46a1-9c53-91264b0a6270,
.ms-formfieldvaluecontainer #div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba {
	position:relative;
	margin-top:0;
}
.homepage .ms-formfieldvaluecontainer #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title,
.homepage .ms-formfieldvaluecontainer #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title,
.homepage .ms-formfieldvaluecontainer #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title,
.homepage .ms-formfieldvaluecontainer #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title,
.ms-formfieldvaluecontainer #div_06007ac6-e815-46a5-849b-8c356602f432 .ms-webpart-chrome-title,
.ms-formfieldvaluecontainer #div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title,
.ms-formfieldvaluecontainer #div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title,
.ms-formfieldvaluecontainer #div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title {
	left:0;
	background-color: #005595 !important;
    background-image: url(/PublishingImages/Pages/Town-of-Newmarket/title-background-default.png)!important;
}
.homepage .ms-formfieldvaluecontainer #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .dfwp-list,
.homepage .ms-formfieldvaluecontainer #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .dfwp-list,
.homepage .ms-formfieldvaluecontainer #div_039ac75c-31dc-45b5-8a39-11b782db4348 .dfwp-list, 
.homepage .ms-formfieldvaluecontainer #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .dfwp-list,
.homepage .ms-formfieldvaluecontainer #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .dfwp-list,
.ms-formfieldvaluecontainer #div_06007ac6-e815-46a5-849b-8c356602f432 .dfwp-list,
.ms-formfieldvaluecontainer #div_38322653-2c49-49a3-b054-526be0c74f6c .dfwp-list,
.ms-formfieldvaluecontainer #div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .dfwp-list,
.ms-formfieldvaluecontainer #div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .dfwp-list {
	left:0;
	display:block !important;
	height:auto !important
}
.homepage .ms-formfieldvaluecontainer #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title h2,
.homepage .ms-formfieldvaluecontainer #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title h2,
.homepage .ms-formfieldvaluecontainer #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title h2,
.homepage .ms-formfieldvaluecontainer #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title h2,
.ms-formfieldvaluecontainer #div_06007ac6-e815-46a5-849b-8c356602f432 .ms-webpart-chrome-title h2,
.ms-formfieldvaluecontainer #div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title h2,
.ms-formfieldvaluecontainer #div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title h2,
.ms-formfieldvaluecontainer #div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title h2 {	
    font-size: 1.95em;
    width: 100%;
    max-width: 1280px;
    padding: 10px 30px;
    color: #fff !important;
    font-weight: 600;
    position:relative;
    border:none;
    left: 0;
    text-align: left !important;
    margin-top: 0;
    background:transparent !important;
    cursor:default;
}
.dfwp-list {
	width:100%;
	padding-top:40px;
}
.dfwp-list li {
	display:block;
	width:100%;
	border:1px solid #e6e6e6;
	margin-bottom: 15px;
	position:relative
}
.dfwp-list li article {
	display: table;
    width: 100%;
}
.dfwp-list li article .newsimage {
	width:25%;
	display:table-cell;
	overflow: hidden;
	min-height:200px;
	position:relative;
}
.dfwp-list li article .newsimage img {
	width:100%;
	position:absolute;
}
.dfwp-list li article .main-area {
    padding:15px;
    padding-bottom:35px;
    display: table-cell;
    vertical-align: top;
    text-align:left;
    width:100%
}
.dfwp-list li article .main-area h3 {
	color: #005595 !important;
    font-weight: 600 !important;
    font-size: 1.3em !important;
    padding-bottom: 0 !important;
}
.dfwp-list li article .main-area .newsContent {
	line-height: 1.5;
	margin-top:10px;
	color:#333
}
.dfwp-list li article .main-area .read-more {
    position: absolute;
    right: 0;
    bottom: 0;
}
.dfwp-list li article .main-area .read-more a {
	background:#cacaca;
	padding:3px 5px;
	padding: 2px 9px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    line-height: 1.8;
}
.dfwp-list li article .read-more a:hover {
	text-decoration:none;
	background:#005595;
	color:#fff;
}

#printAreaContent {
	position:relative
}
.mht-button {
    background: #005595;
    padding: 9px 15px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    margin-left: 16px;
    margin-bottom: 30px;
    font-size: 1.2em;
}
.mht-button:hover {
	background:#b4c326;
	text-decoration:none;
}

/* Featured News Article Home Page */

#div_061a4b24-0a8b-4af7-8028-23deadd6b2ff {
	padding-bottom:40px;
	box-sizing: content-box;
}
.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .dfwp-list {
    max-width: 400px;
    float: right;
    padding-top:0;
    padding-right: 10px;
    padding-left:30px;
    position:relative;
    left:-200px;
}
.homepage .dfwp-list li article.featured-news .newsimage {    
	width: 100%;
    max-height: 282px;
    display: block;
}
.homepage .dfwp-list li article.featured-news .main-area h3 {
    color: #333 !important;
    margin-top: 20px;
}
.homepage .dfwp-list li article.featured-news .main-area {
	display:block;
}

/*=====================
  HOMEPAGE EVENTS FEED
======================= */

#div_228db9f0-f672-4a32-8e65-f1c02dbd728b, #div_fe508096-7637-497b-8b70-5486839c80ac {
	width:50%;
	float:left;
}
#div_228db9f0-f672-4a32-8e65-f1c02dbd728b {
	clear:left;
}
#div_228db9f0-f672-4a32-8e65-f1c02dbd728b .ms-webpart-chrome-title h2, #div_fe508096-7637-497b-8b70-5486839c80ac .ms-webpart-chrome-title h2 {
	max-width:600px;
	float:left;
}
#div_fe508096-7637-497b-8b70-5486839c80ac .ms-webpart-chrome-title {
	background-image:url('/PublishingImages/Pages/Town-of-Newmarket/title-background-events.jpg');
}
#div_228db9f0-f672-4a32-8e65-f1c02dbd728b .ms-webpart-chrome-title h2 {
	float:right;
}
#div_228db9f0-f672-4a32-8e65-f1c02dbd728b .dfwp-list, #div_fe508096-7637-497b-8b70-5486839c80ac .dfwp-list {
	max-width:600px;
}
#div_228db9f0-f672-4a32-8e65-f1c02dbd728b .dfwp-list {
	float:right;
	padding-right:15px;
	padding-left:30px;
}
#div_fe508096-7637-497b-8b70-5486839c80ac .dfwp-list {
	padding-left:15px;
	padding-right:30px;
}
.dfwp-list li article .DateMonth {
    display: table-cell;
    width: 65px;
    min-width: 65px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    font-weight: 600;	
    padding:5px;
    background:#b4c326;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}
.event-list.dfwp-list li article .newsimage img {
	width:auto;
	height:100%
}
.dfwp-list li article .DateMonth .day {
	width: 100%;
    display: block;
    padding-top: 2px;
}
.dfwp-list li article .eventDate, 
.dfwp-list li article .eventLocation {
    padding-top: 10px;
    position:relative;
    padding-left:40px;
    padding-right:15px;
    min-height:28px
}
.dfwp-list li article .eventDate .fa:before, 
.dfwp-list li article .eventLocation .fa:before {
	color:#b4c326;
	font-size:16px;
	width: 18px;
    text-align: center;
    position: absolute;
    left:10px
}
.dfwp-list li article .eventDate .text, 
.dfwp-list li article .eventLocation .text {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	line-height:1.3;
}
.full-eventlist .dfwp-list li {
	display:table !important;
	margin-bottom:20px;
	border: 1px solid #e6e6e6;
}
.full-eventlist .dfwp-list li.hide {
display:none !important
}
.full-eventlist .dfwp-list li article {
	display:table-row;
}
.full-eventlist .dfwp-list li article .newsimage {
	width: 180px;
    height: 150px;
}
.full-eventlist .dfwp-list li article .eventTitle,
.full-eventlist .dfwp-list li article .eventDate, 
.full-eventlist .dfwp-list li article .eventLocation {
	display:table-cell;
	vertical-align:middle;
    border-right: 1px solid #e6e6e6;
}
.full-eventlist .dfwp-list li article .eventLocation {
    min-width: 150px;
}
.full-eventlist .dfwp-list li article .eventTitle {
    width: 200px;
    padding: 15px;
    font-size: 1.2em;
    font-weight: 600;
}
.full-eventlist .dfwp-list li article .eventDate {
	width:190px;    
}
.full-eventlist .dfwp-list li article .read-more {
	display: table-cell;
    width: 40px;
    font-size: 1.5em;
    text-align: center;
    vertical-align: middle;
    background: #cacaca;
}
.full-eventlist .dfwp-list li article .read-more:before {
	content:"\f0da";
	font-family:'FontAwesome';
}
#div_728c939d-c863-445b-9e3b-5a40033314e3 {
	width: 50%;
    float: left;
    padding-right: 15px;
}
#div_1321a8e4-c7aa-400d-a290-69fe2639b6d8 {
	margin-top:-30px
}
#div_1321a8e4-c7aa-400d-a290-69fe2639b6d8 .ms-webpart-cell-vertical {
	display:block;
}
#div_1321a8e4-c7aa-400d-a290-69fe2639b6d8 .ms-webpart-cell-vertical .ms-webpart-chrome-vertical {
	display:block
}
#eventsCal {
	width:45%;
	float:right;
	margin-right:15px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.25);
}
#eventsCal table {
margin:0;
}
#eventsCal table tr {
	border:none;
	background:transparent;
}
#eventsCal table tr:nth-child(even) {
	background:transparent;
}
#eventsCal table tr th {
	background:transparent;
}
#eventsCal .fc-scroller {
    height: auto !important;
    overflow: auto;
}    
#eventsCal .fc-left {
	width:100%;
	padding-left: 42px;
	padding-right: 42px;
}
#eventsCal .fc-left h2 {
	width: 100%;
    text-transform: uppercase;
    color: #005595;
    font-weight:600;
}
#eventsCal .fc-right {
	width:100%
}
#eventsCal .fc-right .fc-button-group {
	width:100%;
	margin-top: -41px;
	padding:0 10px;
}
#eventsCal .fc-right .fc-button-group button {
    background: none;
    border: none;
    padding: 0;
    min-width: 0;
}
#eventsCal .fc-right .fc-button-group button.fc-next-button {
	float:right
}
#eventsCal .fc-view-container {
	margin:0 -1px
}
#eventsCal .fc-widget-header {
	border: none;
    padding-bottom: 10px;
}
#eventsCal .fc-basic-view .fc-day-number {
    padding: 8px !important;
    padding-bottom:0 !important;
    font-size: 0.85em;
    border:1px solid #ddd;
    border-bottom:0;
}
#eventsCal .fc-basic-view .fc-day {
	border:1px solid #ddd;
    border-bottom:0;
    border-top:0;
}
#eventsCal .fc-month-view .fc-event {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    padding: 0;
    border:none;
    margin:1px
}
#eventsCal .fc-month-view .fc-event .fc-content {
	display:none
}
#eventsCal .fc-month-view .fc-event-container {
	padding:0 10px
}
#eventsCal .fc-month-view th {
    font-weight: normal;
    font-size: 1.3em;
    color: #4e4e4e;
    border-color: #fff;
    padding:0;
}
.event-list-filter {
	display:inline-block;
	width:100%;
	border-bottom:2px solid #005595;
	margin-top:40px
}
.event-list-filter ul {
    display: table;
    width: 100%;
    padding:0;
    margin:0 !important
}
.event-list-filter ul li {
	display:table-cell !important;
	width:25%;
}
.event-list-filter ul li:before {
	display:none
}
.event-list-filter ul li h3 {
    font-weight: 800 !important;
    font-size: 1.25em !important;
    color: #333 !important;
    cursor:pointer;
    max-width:180px;
    padding-bottom: 25px !important;
} 
.event-list-filter ul li h3.show-all {
    padding-bottom: 37px !important;
}
.event-list-filter ul li h3.apply-filter {
    border-bottom: 10px solid #b4c326;
    padding-bottom: 15px !important;
}
.event-list-filter ul li h3.apply-filter.show-all { 
	padding-bottom: 37px !important;
}
.event-list-filter ul li i {
    padding: 11px;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 1.55em;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    margin-top: -3px;
    display: block;
    font-weight: normal;
    line-height: 1;
    float: left;
}
.event-list-filter ul .show-townevents i:before {
	content:"\f073";
}
.event-list-filter ul .show-newmarketmeetings i:before {
	content:"\f130";
}
.event-list-filter ul .show-communityevents i:before {
	content:"\f0c0";
}

    
    

/*======================================================
  5. FOOTER
  ===================================================== */

footer {
    background: #005595;
    width: 100%;
    color: #666;
    clear: both;
    min-height: 205px;
}
footer hr {
	background: #bdcc2f;
    color: #bdcc2f;
    height: 6px;
    margin-bottom: 0;
    margin-top: 25px;
}
.footerInner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 30px;
    font-size: 0.929em;
    display: block;
}
footer .left-column {
    display:table-cell
}
footer .left-column .logo img {
	width: 140px;
}
footer .center-column {
	display: table-cell;
    width: 100%;
    text-align: center;
}
footer .center-column #footerNav {
	text-align:center;
	float:none
}
footer .center-column #footerNav a, footer .center-column #footerNav p {
	color:#fff !important
}
footer .right-column {
    display:table-cell
}
footer .right-column .social-menu {
    width: 198px;
}
footer .right-column .social-menu img {
    width: 46px;
    padding: 6px;
}
    
/*======================================================
  6. MEDIA QUERIES
  ===================================================== */



@media only screen and (max-width : 1200px) {

    .footerText {
        width: 100%;
        padding-bottom: 10px;
    }
    
    /* News Page */
    .dfwp-list li article .newsimage img {
		width:auto;
		height:100%
	}
	#div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .dfwp-list li article .newsimage img {
		width:100%;
		height:auto
	}

	
	
	/* Home Page */
	
	.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .dfwp-list {
	    width: 64% !important;
	    left:-30%
	}
	.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-cell-vertical, 
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical, 
	.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-cell-vertical, 
	.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-cell-vertical {
	    left: -30%;
    	width: 122%;
    }
    .homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title h2, 
    .homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title h2, 
    .homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title h2, 
    .homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title h2 {
	 	font-size: 1.1em;
	}
      
}

@media only screen and (max-width : 1000px) {

	/* Home Page */
	
	#homepageBannerContainer {
		margin-top:0 ;
		height:350px;
	}
	.homepage header {
	 	background: #07538c;
	}
	
	.homepage .event-list.dfwp-list li article .newsimage {
		display:none
	}
	.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff {
		width:100%
	}
	.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .newsimage {
	    width: 25%;
	    display: table-cell;
	    overflow: hidden;
	    min-height: 200px;
	    position: relative;
	}
	.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .dfwp-list li article .newsimage img {
		height:100%;
		width:auto
	}
	.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .dfwp-list {
	    width: 100% !important;
	    max-width: 100%;
	    left: 0;
	    padding-right: 30px;
	}
	.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348, 
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771, 
	.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581, 
	.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 {
		width:100%;
		position:relative !important
	}
	.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-cell-vertical, 
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical, 
	.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-cell-vertical, 
	.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-cell-vertical {
		width:100%;
		left:0;
		padding:0 30px
	}
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-cell-vertical {
		margin-top:0px
	}
	.homepage #div_fe508096-7637-497b-8b70-5486839c80ac {
		margin-top:0
	}

}

/*==================
  Tablet
====================*/

@media only screen and (max-width : 991px) {

    /* Header ========= */

    .mainNavContainer {
        padding-top: 20px;
    }

    #topNav {
        font-size: .9em;
    }
    
    /* Events ===== */	
	
	.full-eventlist .dfwp-list li article .newsimage {
		display:none	
	}
    
    
    /* Content Area ===== */

    #contentInt {
        margin: 0;
        width: 100%;
        padding-left:10px !important;
        padding-right:10px !important
    }

    #intBanner {
        height: auto;
    }
        #intBanner .aspectRatio {
            padding-top: 35%;
        }

    .topContent {
        padding-right: 0;
    }

    #mainContent {
        padding-left: 0;
    }

    #subNavContainer {
        display: none;
    }

    #pageHeading {
        display: table;
        width: 100%;
        border-bottom: solid 1px #ccc;
    }

        #pageHeading h1 {
            display: table-cell;
            margin: 0;
            padding: 0 20px 10px 0;
            vertical-align: middle;
        }

    .subNavTriggerContainer {
        display: table-cell;
        width: 54px;
        text-align: center;
        padding-left: 10px;
        vertical-align: middle;
    }

    .subNavTrigger {
        display: block;
        float: right;
    }

    #socialLinks {
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 8px;
    }

    /* ========== 2nd Level (Drop-down) Quick Links ========== */

    #quickLinksContainer .quickDropDown {
        font-size: .9em;
    }

    .newsFeature .featureImage {
        float: none;
        margin-bottom: 20px;
    }

    .calendarItemLeft {
        width: 30%;
    }

    .calendarItem .description {
        width: 70%;
        height: 4.2em;
    }

        .calendarItem .description a {
            color: #333;
        }

    .imgLinkOverlay {
        height: 26px;
        line-height: 26px;
        font-size: .9em;
        padding: 0 20px 0 10px;
    }
}

/*==================
  Wide Mobile
====================*/

@media only screen and (max-width : 767px) {

    body {
        background: #fff;
    }

    #feedbackTabButton {
        display: none;
    }

    /* Header ========= */

    header {
        padding: 0;
        margin: 0;
        height: 110px;
        width: 100%;
        z-index: 101; /*1000*/
        background: #07538c;
    }

    .homepage header {
        margin: 0;
        background: #07538c;
    }

    .headerInner {
        width: 100%;
    }

    .headerLeft {
        width: 100%;
        position: relative;
        left: auto;
        margin-left: 0;
    }

    .topContent #socialLinks {
        display: none;
    }

    .headerRight {
        padding-left: 0;
    }

    .headerRow {
        display: none;
    }

    .mainNavContainer {
    }

    .social, .langSelect {
        display: none;
    }

    /*.mobileNav {
        display: block;
        text-align: right;
    }*/

    .mobileSearchContainer {
        display: block;
    }

    .search {
        max-width: none;
        border: solid 1px #ccc;
        margin-top: 10px;
    }

    .homepage .search {
        margin-top: 0;
    }

    #actionsContainerOuter {
        display: none;
    }

    #topNav {
        padding-top: 0;
    }

    #topNav, #idLikeTo {
        display: none;
    }

    #mainNav {
    }

    #logo {
        padding-top: 7px;
        padding-left: 6%;
    }

        #logo img {
            height: 50px;
            width: auto;
        }
         
    /* Footer ========= */
         
    footer .left-column,
    footer .center-column,
    footer .right-column {
		width:100%;
		display:block;
		text-align:center;	
	}
	footer .left-column .logo {
		padding-bottom:15px;
	}
	footer .center-column #footerNav a {
		padding:10px
	}
	footer .right-column .social-menu {
		width:100%
	}

 	/* Home Page ========= */
    
	.homepage table.ms-rteTable-0 tbody tr td {
		display:inline-block;
		min-width: 190px;
	}
	.homepage #div_228db9f0-f672-4a32-8e65-f1c02dbd728b,
	.homepage #div_fe508096-7637-497b-8b70-5486839c80ac {
		width:100%;
		margin-top:0;
	}
	#div_228db9f0-f672-4a32-8e65-f1c02dbd728b .dfwp-list,
	#div_fe508096-7637-497b-8b70-5486839c80ac .dfwp-list {
		margin:0 auto;
		padding-right:30px;
		padding-left:30px;
		float:none;
		text-align:left
	}
	#div_fe508096-7637-497b-8b70-5486839c80ac {
		text-align:center
	}


    /* Content Area ========= */

    .toggleContent {
        display: none;
    }

    #uberMain {
        width: 100%;
        border: none;
    }

    #mobileHeading h1 {
        padding: 10px 10px 10px 0;
    }

    #intBanner {
        display: none;
    }

    #actionsContainer {
        margin-top: 120px;
        border-top: solid 1px #ccc;
    }

    #actions {
        margin: 0;
    }

        #actions div {
            display: none;
        }

        #actions .resizeText {
            display: block;
        }

    #breadcrumbs {
        display: none;
    }

    .headlineContainer {
        display: table;
        width: 100%;
        padding: 20px 0;
        margin-bottom: 20px;
        border-bottom: dotted 1px #000;
    }

        .headlineContainer > * {
            vertical-align: middle;
        }

    .contentSection {
        padding: 40px 0;
    }

    .button, a.button {
        width: 100%;
    }

    a, a:hover {
        text-decoration: none !important;
    }

    #intFloatRight {
        width: 100%;
        padding-top: 30px;
        margin-top: 30px;
        border-top: solid 1px #ccc;
        padding-left: 0;
    }

    #RightImage {
        display: none;
    }

    #quickLinksContainer {
        display: none;
    }


    /* Homepage ========= */

    #homepageBannerContainer{
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: auto;
        /*overflow: hidden !important;*/
        overflow: visible !important;
        height: 300px;
        width:100%
    }


    .homepage {
        text-align: center;
    }

    /* News Ticker ========= */

    .ticker-content {
        text-align: center;
        padding: 10px 0;
    }

        .ticker-content .newsTickerTitle {
            display: block;
            float: none;
        }

    .homepage .mobileSearchContainer {
        position: absolute;
        top: 200px;
        left: 3%;
        border-radius: 90px;
        box-shadow: 0 0 3px rgba(0,0,0,0.4);
    }

    .tickerContentOuter {
        background: #000;
    }


    /* Footer ========= */

    footer, .homepage footer {
        padding: 0 0 10px 0;
        position: relative;
    }

    .footerText {
        text-align: center;
    }

    .copyright {
        display: block;
    }

    .footerLeft {
        display: block;
        float: none;
    }

    footer #esol {
        text-align: center;
        display: block;
        float: none;
    }

    .mobileSocial {
        display: block;
        background: #07538c;
        text-align: center;
        padding: 5px 0;
    }

    #socialLinks {
        margin: 0;
        padding: 10px 0;
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

    /* Events Page ========= */

    .socialLinks span {
        display: none;
    }
    .dfwp-list li article .DateMonth {
	    width: 55px;
	    min-width: 55px;
    }
    .event-list-filter ul li {
	    width:100%;
	    display:block !important
    }    
    .event-list-filter ul li h3 {    
        max-width: 100% !important;
    	padding-bottom: 15px !important;
    }
    .event-list-filter ul li h3 br {    
    	display:none;
    }
    .event-list-filter {
		border:none;
	}
	.event-list-filter ul li i {
	    display: inline-block;
	    float:none;
	    vertical-align:middle;
	}
	.event-list-filter ul li h3.apply-filter.show-all,
	.event-list-filter ul li h3.show-all {	
		padding: 15px 0 !important;
	}
}
@media only screen and (max-width : 660px) {

	.homepage #div_061a4b24-0a8b-4af7-8028-23deadd6b2ff .newsimage {
		display:block;
		width:100%
	}
	.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title, 
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title, 
	.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title, 
	.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title, 
	#div_06007ac6-e815-46a5-849b-8c356602f432 .ms-webpart-chrome-title, 
	#div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title, 
	#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title, 
	#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title {
    	height: 235px;
	}
	.homepage #div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title h2, 
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .ms-webpart-chrome-title h2, 
	.homepage #div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title h2, 
	.homepage #div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title h2, 
	#div_06007ac6-e815-46a5-849b-8c356602f432 .ms-webpart-chrome-title h2, 
	#div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title h2, 
	#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title h2, 
	#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title h2 {
		width:100% !important;
		left:0;
	}
	
	/* News Page */
	
	#div_039ac75c-31dc-45b5-8a39-11b782db4348 .ms-webpart-chrome-title h2,
	#div_38322653-2c49-49a3-b054-526be0c74f6c .ms-webpart-chrome-title h2 {
		margin-top:55px
	}
	#div_cbad2766-d132-4aeb-ae56-0e0cc342d581 .ms-webpart-chrome-title h2,
	#div_5114d9ac-30fc-46a1-9c53-91264b0a6270 .ms-webpart-chrome-title h2 {
		margin-top:110px;
	}
	#div_c7b5c39a-2258-4180-a82e-00523fd51f20 .ms-webpart-chrome-title h2,
	#div_2e37b47b-5c8d-4602-9e2c-d927c86ce1ba .ms-webpart-chrome-title h2 {
		margin-top:165px
	}
	.dfwp-list li article {
		display:block
	}
	.dfwp-list li article .newsimage {
	    display: block;
	    width: 100%;
	    max-height: 240px;	
	}		
	
	/* Events Page */
	#div_728c939d-c863-445b-9e3b-5a40033314e3 {
		padding:0 15px;
		width:100%
	}
	#eventsCal {
		width: 90%;
	    margin: 0 5%;
	    float:



# none;
	    displayssssdsdsdsdsdsdvsdvsd: inline-block;
    }
    #eventsCal .fc-month-view th {        
	    font-size: 1.1em;
	}
    #eventsCal .fc-basic-view .fc-day-number {
	    font-size: 0.95em;
	    padding: 4px !important;
    }
	.event-list-filter {
		border:none;
	}
	.event-list-filter ul li {
		display:block;
		width:100%;
		border-bottom: 2px solid #005595;
		padding:15px;
	}
	.event-list-filter ul li i {
	    margin-top: -14px;
	}
	.event-list-filter ul li br {
		display:none;
	}
	.full-eventlist .dfwp-list li article .eventTitle, 
	.full-eventlist .dfwp-list li article .eventDate, 
	.full-eventlist .dfwp-list li article .eventLocation {
		display:block;
		width:100%
	}
	.full-eventlist .dfwp-list li article .eventTitle h3 {
		padding-top:10px;
		padding-bottom:0;
	}
	.full-eventlist .dfwp-list li article .read-more:before {
		display:none	
	}
	.full-eventlist .dfwp-list li article .read-more {	    
	    padding: 2px 9px;
	    text-transform: uppercase;
	    font-weight: 600;
	    font-size: 1em;
	    width: auto;
	    float: right;
	    margin-top: 20px;    
	}
	.full-eventlist .dfwp-list li article .read-more span {
		display:block !important
	}
	.homepage #div_7b61ab2c-6ccd-4ab7-a79b-090728d31771 .dfwp-list li article .main-area {
		display:block
	}
	
}
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 35%;
    right: 3%;
    width: 8%;
    z-index: 2;
}

/* The popup chat - hidden by default */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 3%;
    border: 1px solid black;
    z-index: 9;
    border-radius: 10px 10px 0 0;
}

/* Add styles to the form container */
.form-container {
    z-index: 150;
    height: 80%;
    max-width: 25.5%;
    padding: 10px;
    background-color: white;
    overflow-x: hidden;
    overflow-y: auto;
}

.chat-popup .close {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
}

    .chat-popup .close:before,
    .chat-popup .close:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 20px;
        background-color: darkred;
        transform: rotate(45deg) translate(-50%, -50%);
        transform-origin: top left;
        transition: all 420ms;
        content: '';
    }

    .chat-popup .close:after {
        transform: rotate(-45deg) translate(-50%, -50%);
    }

    .chat-popup .close:hover:before,
    .chat-popup .close:hover:after {
        background-color: #07538c;
    }

.chat-popup .Header {
    text-align: center;
    border-Radius: 10px 10px 0 0;
    padding: 15px;
    display: block;
    background-color: #bdcc2f;
    height: 60px;
    border: 1px solid #666666;
    border-bottom-style: none;
}

.chat-popup .HeaderTitle {
    padding-bottom: 4px;
    padding-top: 4px;
    display: inline-block;
    left: 20px;
    font-size: 14pt;
    font-family: Arial, sans-serif-bold;
    color: black;
}

.chat-popup .Diclaimmer {
    height: 100%;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 12pt;
}

.chat-popup .DiclaimmerText {
    padding: 10px;
    text-align: initial;
    resize: none;
    border-Radius: 0 0 10px 10px;
    border: 1px solid #666666;
    border-top-style: none;
}
/* Set a style for the submit/send button */


/* Smart phone and Tablet portrait and landscape */

@media only screen (min-device-width: 320px),
/* (max-device-width: 568px)or
				 (min-device-width: 375px),
				 (max-device-width: 667px)or
				 (min-device-width: 414px),
				 (max-device-width: 736px)or
				 (min-device-width: 375px),
				 (max-device-width: 812px)or
				 (min-device-width: 768px), */
(max-device-width: 1024px), (-webkit-min-device-pix-ratio: 2) {
    .screenview {
        display: none;
    }
}

.button {
    outline: none !important;
    border: none;
    background: transparent;
}

    .button:hover {
        cursor: pointer;
    }

.contact100-form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 20px 48px 20px;
}

.container-contact100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 17px;
    background: white;
}

.contact100-form-btn {
    margin-bottom: 10%;
    font-family: Arial, sans-serif-bold;
    font-size: 12pt;
    color: #fff;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 65%;
    height: 42px;
    border-radius: 15px;
    background: #005595;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .contact100-form-btn:hover {
        background: #333333;
        box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
    }
