body {
font-family: Roboto, sans-serif;
}.slick-track {
text-align:center;
}
.sidebar {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: top center !important;
background-color: #000 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal;
margin: 0 0 15px 0;
font-weight: normal;
}
h1 {
font-size: 22px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 12px;
}
p {
margin: 0 0 15px 0;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
}
a {
-webkit-transition: color 0.18s ease, background-color 0.18s ease;
transition: color 0.18s ease, background-color 0.18s ease;
outline: none;
color: #000;
}
a:hover,
a:focus {
text-decoration: none;
}
a:active {
outline: none;
}
body {
line-height: 1.71;
color: #585858;
font-size: 14px;
-webkit-font-smoothing: antialiased;
}
label {
display: block;
font-size: 90%;
margin-bottom: 2px;
}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
textarea {
border-radius: 0;
box-shadow: none;
width: auto;
font: inherit;
padding: 11px 12px;
height: auto;
border: 1px solid #D7D7D7;
line-height: normal;
-webkit-transition: all 0.18s ease;
transition: all 0.18s ease;
min-width: 80%;
}
[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
textarea:focus {
border-color: #ACACAC;
outline: none;
}
textarea {
width: 100%;
height: auto;
}
fieldset {
padding: 15px 15px 0 15px;
}
fieldset legend {
font-weight: bold;
padding: 0 3px;
margin: 0;
margin-left: -3px;
}
input.highlight {
border-color: #ff4a4a;
} a.btn,
a.comment-reply-link,
[type=submit] {
line-height: normal;
border: 2px solid #363636;
border-radius: 0;
vertical-align: middle;
display: inline-block;
padding: 8px 24px;
color: #444;
background: transparent;
box-shadow: none;
outline: none;
-webkit-transition: all 0.18s ease;
transition: all 0.18s ease;
font-weight: bold;
font-size: 14px;
}
a.btn:hover,
a.comment-reply-link:hover,
[type=submit]:hover {
background: #363636;
color: #FFF;
}
#map * {
max-width: none !important;
}
html,
body,
#page,
.sidebar {
height: 100%;
}
#page {
position: relative;
}
.sidebar {
position: fixed;
width: 250px;
padding: 45px;
z-index: 10;
background-color: #111111;
}
.content-wrap {
width: calc(100% - 250px);
margin-left: 250px;
float: left;
padding: 0 15px;
}
.content-wrap.full {
padding: 0;
}
#content {
margin: 80px 0 0;
}
.full #content {
margin: 0;
} .alt-nav {
display: none;
}
#nav {
margin: 0 0 30px;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#navigation { }
#navigation li {
position: relative;
z-index: 100;
}
#navigation > li {
display: block;
}
#navigation ul {
position: absolute;
z-index: 300;
top: -999em;
}
#navigation li:hover > ul,
#navigation .sfHover > ul {
top: -10px;
left: 100%;
}
#navigation li li:hover > ul,
#navigation li .sfHover > ul {
top: 0;
left: 100%;
}
#navigation li li li:hover > ul,
#navigation li li .sfHover > ul {
top: 0;
left: 100%;
}
#navigation a {
display: block;
white-space: nowrap;
}
#navigation a {
padding: 3px 0;
color: rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
outline: none; }
#navigation > li > a { }
#navigation > li:last-child a {
padding-right: 0;
}
#navigation a:hover,
#navigation .sfHover > a {
text-decoration: none;
color: #FFF;
border-color: rgba(255, 255, 255, 0.5); }
#navigation > li.sfHover > a,
#navigation > li.current_page_item > a,
#navigation > li.current-menu-item > a,
#navigation > li.current-menu-ancestor > a,
#navigation > li.current-menu-parent > a,
#navigation > li.current > a {
color: #FFF;
border-color: rgba(255, 255, 255, 0.5);
}
#navigation ul {
padding: 9px 21px 14px;
min-width: 230px;
margin-left: 15px; }
#navigation a.sf-with-ul {
padding-right: 20px;
position: relative; }
#navigation.sf-arrows .sf-with-ul:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
font-size: 8px;
font-weight: normal;
}
#navigation.sf-arrows ul .sf-with-ul:after {
right: 8px;
content: "\f054"; }
.brand {
line-height: normal;
font-weight: normal;
margin: 0 0 50px;
text-align: center;
font-size: 22px;
}
.brand.textual {
font-size: 20px;
font-weight: bold;
margin: 0 0 30px;
}
.brand.textual a {
color: #FFF;
}
.mobile-trigger {
color: #FFF;
position: absolute;
font-size: 26px;
top: 20px;
left: 20px;
line-height: 0.4;
padding: 2px 5px;
background: rgba(0, 0, 0, 0.1);
} .entry {
margin: 0 0 40px;
position: relative;
}
.entry-thumb {
margin: 0;
}
.entry-thumb img {
margin: 0 0 30px;
display: inline-block;
}
.entry-thumb iframe {
width: 100%;
max-width: 100%;
}
.entry-thumb.alignnone {
margin: 0;
}
.entry-thumb.alignleft img,
.entry-thumb.alignright img,
.entry-thumb.aligncenter img,
.entry-thumb.alignnone img {
margin: 0 0 15px;
}
.video-hold {
margin: 0 0 30px;
}
.embed-youtube {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
margin-bottom: 30px;
}
.embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-icon {
font-size: 22px;
display: inline-block;
margin-bottom: 15px;
}
.entry-title {
font-size: 18px;
font-weight: normal;
margin: 0;
color: #282828;
}
.entry-title a {
color: #282828;
}
.entry-title a:hover {
color: #000;
}
.type-page .entry-title {
margin-bottom: 15px;
}
.entry-meta {
color: #969595;
margin-bottom: 18px;
}
.entry-meta a {
color: #969595;
}
.entry-meta a:hover {
text-decoration: underline;
}
.entry-reading-time {
font-weight: 500;
color: #282828;
margin-top: -7px;
}
.entry-content a {
border-bottom: 1px dotted #2f2f2f;
}
.entry-content blockquote {
border-left: 12px solid #E2E2E2;
margin: 0 0 30px;
padding: 0 0 0 15px;
font-size: 15px;
line-height: 1.5;
}
.entry-nav {
position: absolute;
top: -55px;
right: 0;
}
.entry-nav a {
color: #949494;
font-size: 20px;
display: inline-block;
padding: 5px 0 0;
text-align: center;
width: 30px;
height: 30px;
line-height: 0;
background: #E7E7E7;
}
.entry-nav a:hover {
background: #d1d1d1;
}
.search-notice {
margin-bottom: 40px;
}
.entry-content .more-link {
display: none;
}  .mejs-container {
margin: 0 0 15px;
}
.format-audio.has-post-thumbnail .entry-thumb img {
margin: 0;
} .dashicons-format-link:before {
content: '\f103';
} .entry-content .gallery {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 15px;
}
.entry-content .gallery:before,
.entry-content .gallery:after {
content: " "; display: table; }
.entry-content .gallery:after {
clear: both;
}
.gallery-item {
position: relative;
margin-bottom: 10px;
}
.gallery-item img {
width: 100%;
}
.gallery-item figcaption {
position: absolute;
bottom: 0;
font-size: 12px;
background: rgba(0, 0, 0, 0.5);
width: 96%;
padding: 10px;
color: #fff;
}
.gallery-columns-1 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-2 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-3 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-4 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-5 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-6 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-7 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-8 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.gallery-columns-9 .gallery-item {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
} #paging {
margin-bottom: 50px;
text-align: right;
}
#paging ul {
display: block;
text-align: right;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#paging ul li {
display: inline-block;
}
#paging a,
#paging > span,
#paging li span {
display: inline-block;
line-height: normal;
padding: 6px 11px;
font-size: 14px;
background: #E7E7E7;
color: #424242;
border: none;
}
#paging > span.current,
#paging li span.current,
#paging a:hover {
text-decoration: none;
background: #424242;
color: #FFF;
} .related {
margin-bottom: 50px;
}
.related h3 {
margin-bottom: 20px;
}
.related .item {
height: 300px;
}
.row.joined {
margin: 0;
}
.row.joined [class*=col] {
padding: 0;
} .full .container {
width: 100%;
padding: 0;
}
.item {
height: 350px;
-webkit-backface-visibility: hidden;
}
.item a {
display: block;
width: 100%;
height: 100%;
color: #FFF;
position: relative;
padding: 15px;
overflow: hidden;
}
.item a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
opacity: 0;
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.55) 50%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.55) 50%);
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.item a:hover:after {
opacity: 1;
}
.item a:hover .item-title {
opacity: 1;
top: 50%;
z-index: 2;
}
.item-title {
position: absolute;
width: 100%;
font-weight: 500;
text-transform: uppercase;
font-style: italic;
font-size: 16px;
text-align: center;
top: 60%;
margin: -15px 0 0 -15px;
opacity: 0;
-webkit-transition: top 0.35s ease, opacity 0.25s ease;
transition: top 0.35s ease, opacity 0.25s ease;
}
#load-more,
.load-more > a {
display: block;
width: 100%;
text-align: center;
color: #000;
text-transform: uppercase;
height: 50px;
font-size: 16px;
padding: 11px 0 0;
}
#load-more:hover,
.load-more > a:hover {
text-decoration: none;
} #colophon {
position: absolute;
bottom: 0;
padding: 0 0 35px;
font-size: 12px;
}
.admin-bar #colophon {
padding-bottom: 60px;
}
#colophon .widget {
margin-bottom: 0;
}
.credits {
margin: 5px 0 0;
} #comments {
margin: 35px 0 0;
}
#comment-list {
margin: 0;
padding: 0;
}
#comment-list ol,
#comment-list ul {
padding: 0 0 0 25px;
}
.post-comments {
margin: 0 0 20px;
}
.post-comments ol,
.post-comments ul {
list-style: none;
}
.post-comments .avatar {
float: left;
overflow: hidden;
margin: 0 15px 0 0;
}
.post-comments .edit-link {
opacity: 0.8;
margin-left: 10px;
}
.comment-body {
margin: 0 0 25px;
}
.comment-metadata {
font-size: .857142857em;
}
.comment-content {
margin: 5px 0 0 79px;
}
a.comment-reply-link {
padding: 3px 9px;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 0 79px;
}
a.comment-reply-link:hover {
text-decoration: none;
}
.comment-reply-title small {
font-size: 0.6em;
}
.form-allowed-tags {
font-size: .857142857em;
} .post-comments h3 {
margin-bottom: 25px;
}
.comment-metadata a,
.comment-notes {
color: #969595;
} .sidebar {
color: rgba(255, 255, 255, 0.5);
}
.sidebar a {
color: rgba(255, 255, 255, 0.5);
}
.sidebar a:hover {
color: white;
text-decoration: none;
}
.sidebar .widget {
font-size: 12px;
}
.widget {
margin-bottom: 25px;
}
.widget-title {
color: white;
font-size: 17px;
margin: 0 0 5px;
}
#sidebar .widget:last-child {
margin-bottom: 0;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li {
padding: 5px 0;
border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
display: block;
margin: 0;
}
.widget ul ul.children li:first-child {
border-top: 1px dotted #e5e5e5;
}
.widget ul ul.children li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget ul.children {
margin-top: 5px;
}
.widget ul.children li {
padding-left: 15px;
} #ads125,
.ads125 {
margin: 0;
padding: 0;
list-style: none;
}
#ads125 li,
.ads125 li {
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
margin: 0 15px 10px 0;
padding: 0;
max-width: 125px;
} .searchform {
line-height: 1;
position: relative;
}
.searchform > div {
position: relative;
line-height: 1;
}
.searchform .screen-reader-text {
display: none;
}
.searchform [type=text] {
border-radius: 0;
margin: 0;
width: 100%;
font: inherit;
line-height: normal;
height: 40px;
}
.sidebar .searchform [type=text] {
background: none;
border: 2px solid rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
}
.sidebar .searchform [type=text]:focus {
border-color: #FFF;
}
.searchsubmit {
font-size: 14px;
line-height: 0;
padding: 3px 11px 2px;
position: absolute;
right: 0;
top: 0;
height: 100%;
border: none;
background: none;
}
.searchsubmit:hover {
background: none;
}
.sidebar .searchsubmit {
color: rgba(255, 255, 255, 0.3);
}
.sidebar ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.sidebar :-moz-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.sidebar ::-moz-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.sidebar :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4);
} .flickr_badge_image {
float: left;
margin: 0 15px 15px 0;
}
.flickr_badge_image a {
display: block;
line-height: 0;
} .widget_about {
margin-top: -5px;
}
.widget_about .alignleft {
float: left;
margin: 5px 10px 6px 0;
}
.widget_about .alignright {
float: right;
margin: 5px 0 6px 10px;
} .widget_text p:last-child {
margin-bottom: 0;
} .widget_ci_twitter_widget ul li {
margin-bottom: 12px;
}
.widget_ci_twitter_widget .twitter-time {
display: block;
font-size: 0.85em;
} #wp-calendar {
width: 100%;
}
#wp-calendar a {
font-weight: bold;
font-style: italic;
}
#wp-calendar caption {
text-align: left;
margin-top: 10px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
padding: 9px;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
background: rgba(0, 0, 0, 0.1);
font-weight: bold;
padding: 8px;
}
#wp-calendar tbody td {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
padding: 3px;
}
#wp-calendar tbody td:hover {
background: rgba(0, 0, 0, 0.1);
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
} .social-icon i {
font-size: 24px;
display: inline-block;
margin-right: 3px;
}
.social-icon:hover i {
opacity: 1;
}
.ci-socials-ignited-fa a {
-webkit-transition: opacity 0.18s ease;
transition: opacity 0.18s ease;
opacity: 0.5;
margin-right: 4px;
line-height: 1;
}
.ci-socials-ignited-fa a:hover {
opacity: 1;
}  .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
table {
width: 100%;
margin-bottom: 20px;
}   .flexslider {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
border-radius: 0;
overflow: hidden;
}
.flex-direction-nav a {
width: 30px;
height: 45px;
top: 50%;
margin: -35px 0 0 0;
opacity: 0.5;
text-shadow: none;
background: #e7e7e7;
text-align: center;
}
.flex-direction-nav a:hover {
opacity: 1;
color: #585858;
}
.flex-direction-nav a:before {
font-family: FontAwesome;
content: '\f104';
font-size: 17px;
position: relative;
top: 8px;
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
left: -10px;
}
.flex-direction-nav a.flex-next {
right: 0;
}
.flex-direction-nav a.flex-prev {
left: 0;
}
.flexslider:hover .flex-prev {
left: 0;
}
.flexslider:hover .flex-next {
right: 0;
} #infscr-loading {
font-size: 13px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
opacity: 1;
background: rgba(43, 43, 43, 0.5);
padding: 0;
margin: 0;
font-style: normal;
z-index: 10;
line-height: 1.5;
}
#infscr-loading img {
display: none;
}
#infscr-loading em {
font-style: normal;
}
#infscr-loading > div {
position: absolute;
width: 266px;
padding: 95px 30px 50px;
top: 50%;
left: 50%;
margin-left: -133px;
margin-top: -120px;
border-radius: 2px;
letter-spacing: 0.04em;
}
#infscr-loading > div:before {
content: "";
width: 32px;
height: 31px;
z-index: 5;
position: absolute;
top: 45px;
left: 50%;
margin-left: -19px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} div.sharedaddy {
margin: 0 0 30px;
}
div.sharedaddy div.sd-block {
border: none !important;
}
div.sharedaddy .sd-content {
float: none !important;
width: 100% !important;
} .comment-subscription-form {
margin-bottom: 5px;
color: #969595;
}
@media (min-width: 768px) {
ul #navigation > li.sfHover > a,
ul
#navigation > li.current_page_item > a,
ul
#navigation > li.current-menu-item > a,
ul
#navigation > li.current-menu-ancestor > a,
ul
#navigation > li.current-menu-parent > a,
ul
#navigation > li.current > a {
color: #4f4f4f;
border-color: #4f4f4f;
}
.mobile-trigger {
display: none;
}
.gallery-columns-1 .gallery-item {
float: left;
width: 100%;
}
.gallery-columns-2 .gallery-item {
float: left;
width: 50%;
}
.gallery-columns-3 .gallery-item {
float: left;
width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
float: left;
width: 25%;
}
.gallery-columns-5 .gallery-item {
float: left;
width: 20%;
}
.gallery-columns-6 .gallery-item {
float: left;
width: 16.66667%;
}
.gallery-columns-7 .gallery-item {
float: left;
width: 14.28571%;
}
.gallery-columns-8 .gallery-item {
float: left;
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
float: left;
width: 11.11111%;
}
}
@media (max-width: 1199px) {
.item {
height: 300px;
}
}
@media (max-width: 767px) {
.sidebar {
width: 100%;
position: relative;
height: auto;
background-position: top center !important;
padding-bottom: 10px;
}
.content-wrap {
width: 100%;
float: none;
margin: 0;
padding: 0;
}
#navigation ul {
position: static;
display: block !important;
opacity: 1 !important;
padding: 0;
box-shadow: none;
margin: 0 0 0 5px;
}
#navigation ul a {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#navigation.sf-arrows .sf-with-ul:after {
display: none;
}
.head-wrap {
width: 100%;
display: none;
overflow: hidden;
}
#colophon {
position: static;
}
#comment-list ol,
#comment-list ul {
padding: 0;
}
}#load-more,
.load-more > a,
#infscr-loading > div {
background-color: #EDDE33;
}
#load-more:hover,
.load-more > a:hover {
background-color: #e8d714;
}
#infscr-loading > div,
#load-more,
.load-more > a {
color: #000;
}
#infscr-loading > div:before {
background: url(//daniamante.com.br/wp-content/themes/coastline/images/ajax-load.png) no-repeat;
}
@media (min-width: 768px) {
#navigation ul {
background-color: #EDDE33;
}
#navigation ul a {
color: rgba(79, 79, 79, 0.7);
border-bottom: 1px solid rgba(79, 79, 79, 0.2);
}
#navigation ul a:hover,
#navigation ul li.sfHover > a {
color: #4f4f4f;
border-color: rgba(79, 79, 79, 0.3);
}
}