/*
Theme Name: AMI islander 2016
Theme URI: http://wordpress.org/
Description: The WordPress theme based on the Award winning <a href="http://www.islander.org">islander Paper</a>.
Version: 1.0
Author: Wayne Ansell
Author URI: http://www.wamdesign.net/
Tags: blue, custom header, fixed width, two columns, widgets

	AMI islander v2.0
	http://www.islander.org

	This theme was designed and built by Wayne Ansell,
	whose blog you will find at http://www.wamdesign.net

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
Main Color: #006699
News: #5fb435
E-Edition: #cc0000
Weather: #009900
Sports: #ff9900
Real Estate: #ff6699
Classified: #993399
Guide: #0099ff
Streetlife: #fa824f
Fishing: #cccc00
Sand: #e6e6cc
Facebook: #4267b2
*/


body {
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #444;
}

p, li, ol, ul {
    font-size: 16px;
	line-height:normal;
	margin-bottom:10px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato',sans-serif;
	color:#444;
	line-height: 1.5;
	margin-bottom:10px !important;
}

h1{
    font-size: 30px;
	font-weight: 600;
	line-height: 36px;    
	margin-bottom: 5px;
}

h2 {
    font-size: 20px;
    font-weight: 600;
	line-height: 40px;
}

h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
}

h5 {
    font-size: 14px;
    font-weight: 400;
}

h6 {
    font-size: 13px;
	text-transform: uppercase;
    font-weight: 400;
	color: #999999;
}
.col { padding:1em 0; }
.col .col { padding:1em 0; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
a:link {
	color: #006699;
	-moz-transition:  color 0.3s linear 0s;
	-webkit-transition:  color 0.3s linear 0s;
	transition:  color 0.3s linear 0s;
	text-decoration:none;	
}
a:visited {
	color: #006699;
} 

a:hover{
	color: #359BED;
	text-decoration:underline;
}

#wrapper {
    width: 100%;
    position: relative;
    text-align: left;
    /*background:#e6e6cc;*/
}

.container {
    clear: both;
    width: 100%;
    font-size: 0.8125em;
    max-width: 1030px;
    margin: 0 auto;
    padding: 1em 0;
    color: #333;
    line-height: 1.5em;
    position: relative;
    background:#ffffff;
}
.header {
	background:url('/wp-content/themes/islander2/images/2016_header_bg.jpg') 0 -50px;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding:0;
}

.header .col.logo {
	margin: 0;
	padding: 10px 0 1em 10px;
}
.top_news .col {
	margin: 0 0 1% 1.6%;
	padding: 0 0 1em;
}
.top_news { margin:0 10px !important;}

.header_news {
	background: rgba(230, 230, 204, 0.8);
	padding:10px;
	height: 120px;
	position: relative;
	overflow: hidden;
}
.header_news img {
	float:left;
	margin:0 10px 0 0;
}
.header_news .number {
    color: #F7F7F7;
    font-size: 54px;
    font-weight: 800;
    right: 20px;
    position: absolute;
    bottom: 10px;
}

.menu {
	background: #006699;
}

.menu .col {
	margin:0;
	padding:0;
}

.push {
    visibility: hidden;
}

.header .search {
	margin-top:20px !important;
}
.search .searchfield {
    font-size: 14px !important;
    padding: 13px 10px 13px;
    width: 70%;
    height: 20px;
    border: 1px solid #EEEEEE;
    border-right: none;
    font: inherit;
    color: #999999;
    display:  inline;
    float: right;
}
.search .submit {
    background: url("/wp-content/themes/islander2/images/search.png") no-repeat;
    display: inline;
    border: none;
    width: 48px;
    height: 48px;
    text-indent: -999em;
    float: right;
    cursor: pointer;
}

.social {
	margin:20px 10px 0 0 !important;
}
.social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social ul li {
    float: right;
    margin-left: 5px;
	font-size: 50px;
}
.social a.rss {
	color:#fff;
}
.social a.rss:hover {
	color:#F90;
}
.social a.fb {
	color:#fff;
}
.social a.fb:hover {
	color:#036;
}
.social a.twitter {
	color:#fff;
}
.social a.twitter:hover {
	color:#09C;
}
.social a.instagram {
	color:#fff;
}
.social a.instagram:hover {
	color:#036;
}

 /* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #006699;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}
ul.topnav li.news a:hover {background: #5fb435; }
ul.topnav li.eedition a:hover {background: #cc0000; }
ul.topnav li.sports a:hover {background: #ff9900; }
ul.topnav li.realestate a:hover {background: #ff6699; }
ul.topnav li.classifieds a:hover {background: #993399; }
ul.topnav li.fishing a:hover {background: #cccc00 ; }
ul.topnav li.streetlife a:hover {background: #fa824f ; }
ul.topnav li.sand a:hover {background: #e6e6cc; color:#555; }

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}


/* Bootstrap css modifications */

.navbar-default {
    background-color: #006699;
    border-color: transparent;
	border-width:0;
    color: #f2f2f2;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
	border-radius:0;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #f2f2f2; }

.navbar { margin-bottom:0; }
.navbar li { margin-bottom:0; !important }
.navbar li.news a:hover {background: #5fb435; }
.navbar li.eedition a:hover {background: #cc0000; }
.navbar li.sports a:hover {background: #ff9900; }
.navbar li.realestate a:hover {background: #ff6699; }
.navbar li.classifieds a:hover {background: #993399; }
.navbar li.fishing a:hover {background: #cccc00 ; }
.navbar li.streetlife a:hover {background: #fa824f ; }
.navbar li.sand a:hover {background: #e6e6cc; color:#555; }

.navbar-collapse { padding-left: 0; }

.navbar-form .form-control { width: 120px; }

/* End Bootstrap */


.advert .col {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white;
    filter:alpha(opacity=0);
    opacity:0;
}

/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}

.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}

.nivo-box img { display:block; }

.entry-thumbnail img {
	max-width:753px;
}

.fullwidth-image img {
	width:100%;
}

.featured { 
    margin: 0 0 1.5em;
	border-bottom: 1px dotted #999999;
}

.featured img { width:100%; }

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

.masonry-item {
    display: inline-block;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom: 1px dotted #999999;
}

#news_stories h2 {
	line-height: normal;
}

.wu-wrapper { background-color:#ffffff; margin-bottom:20px;}

.front-widgets {
	font-size:14px;
	text-align:center;
}

.front-widgets ul {
	margin-left: 0;
	margin-bottom:20px;
}
.front-widgets li {
	list-style:none;
	clear: both;
}
.front-widgets h3, .front-widgets h4 {
    background-color: #006699;
	font-size: 14px;
}
.front-widgets h3, .front-widgets h4 {
    background-image: url("/wp-content/themes/islander2/images/arrow-circle.png");
    background-position: 96% 12px;
    background-repeat: no-repeat;
    background-color: #006699;
    padding: 8px 12px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.news-item { clear:both;}

.news-item h4 {
    background-image: url("/wp-content/themes/islander2/images/arrow-circle.png");
    background-position: 96% 12px;
    background-repeat: no-repeat;
    padding: 8px 12px;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.news-item h4.facebook { background-color: #4267b2;}
.news-item h4.sport { background-color: #ff9900;}
.news-item h4.fishing { background-color: #cccc00;}
.news-item h4.realestate { background-color: #ff6699;}
.news-item h4.streetlife { background-color: #fa824f;}
.news-item h4.classifieds { background-color: #993399;}
.news-item h2 {
    line-height:normal;
}

.search_item {
	margin:0 !important;
	padding:0 !important;
}

.popular-posts li {
	margin: 0 0 10px 0;
}
.popular-posts a {
	font-weight:700;
}

.wp_wunderground {
	font-size: 0.8125em;
	text-align:left;
}

.wu-alert h3 a {
	color: #ffffff;
}

.caption {
    color: #333;
    padding: 5px 10px;
    background: #f0f0f0;
    font-size: 14px;
    line-height: 1.1;
	margin-bottom:20px;
}

.nav-previous { float:left;}
.nav-next { float:right;}

.footer {
	/*background:#e6e6cc;*/
	padding: 0;
	max-width: 1030px;
}

.footer .sub-footer-widgets {
    margin-bottom: 20px;
    padding-bottom: 0px;
    overflow: hidden;
    background: #006699;
}

.footer .widget {
    width: 23%;
    float: left;
    margin-left: 20px;
}

.footer p {	
	font-size:14px;
}

.footer .menu {
	background:none;
}

.sub-footer-widgets .widget h5 {
    color: #ffffff;
    font-size: 20px;
    padding: 10px;
	margin-bottom:0 !important;
}

.sub-footer-widgets .widget h5 span {
    color: #ffffff;
    font-size: 30px;
}

.footer ul { list-style:none;}

.footer .social {
	margin-top:20px !important;
}
.footer .social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer .social ul li {
    float: left;
    margin-left: 5px;
	font-size: 50px;
}
.footer .social a.rss {
	color:#F90;
}
.footer .social a.rss:hover {
	color:#F90;
}
.footer .social a.fb {
	color:#036;
}
.footer .social a.fb:hover {
	color:#036;
}
.footer .social a.twitter {
	color:#09C;
}
.footer .social a.twitter:hover {
	color:#09C;
}
.footer .social a.instagram {
	color:#036;
}
.footer .social a.instagram:hover {
	color:#036;
}


/* =comment content
-------------------------------------------------------------- */

.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 30px;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 24px;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 18px;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
}
.entry-content .more-link {
	white-space: nowrap;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
	text-align:left;
	float:left;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
	text-align:right;
	float:right;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
	text-align:center;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	font-size: 16px;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}

.postid-35638 .cart, .postid-35638 div.product div.images { display:none;}
.postid-35638 div.product div.summary { float:none !important; width:100% !important; }

#xmas { width:100%; height:150px; padding:0px; margin:0 0 5px 0; background:url('../images/fireworks-1.jpg') top right no-repeat; background-size:cover; }
#xmas h1 { text-align:right; font-size:40px; line-height:normal; color:#ffcc99; margin:0; margin-bottom:0; padding:10px 20px 0 0; line-height: 34px;}
#xmas h2 { text-align:right; font-size:36px; line-height:normal; color:#ffffff; margin:0; margin-bottom:0; padding:5px 20px 0 0; line-height: 30px;}
#xmas h3 { text-align:right; font-size:16px; line-height:normal; color:#FFFF66; margin:0; margin-bottom:0; padding:5px 20px 0 0; line-height: 16px;}

.mc4wp-alert {
    color: #a94442;
}

.nav .woocommerce, .execphpwidget .woocommerce { display:none; }

@media screen and (max-width:980px) {
	.container, .header {
	padding:0;
	}
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width:800px) {
	.social ul li {
	font-size: 35px;
	}
	.navbar-collapse { padding-left: 15px; }
	.entry-thumbnail img {
    max-width: 100%;
	}
}

 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  .search {
  width: 100%;
  }
}
@media only screen and (max-width: 480px)
{
	.push, .hide {
	    display: none;
	}
}