< id="et-core-unified-cached-inline-s">/*------------------------------------------------*/ /*---[Square Icon Menu Links - By Geno Quiroz]----*/ /*-----------------[Quiroz.Co]--------------------*/ /*------------------------------------------------*/ /* readjust padding */ #top-header .container {padding-top: 0px;} #et-secondary-menu {height: 50px;} #et-secondary-menu > ul > li a { padding-bottom: 0px;} #et-secondary-nav .menu-item.menu-item-type-custom {padding:15px; width:50px; margin-right: 0px;} #et-secondary-nav li {display: table-cell;} #et-info {padding-top: 23px;} /* font icon size and color */ i.fa {font-size: 20px; color:#fff;} /* colors */ li.home-menu {background-color:#23282d;} li.home-menu:hover {background-color:#616f7c;} li.facebook-menu {background-color:#43609c;} li.facebook-menu:hover {background-color:#8198c9;} li.twitter-menu {background-color:#55acee;} li.twitter-menu:hover {background-color:#8fc9f3;} li.pinterest-menu {background-color:#a9262a;} li.pinterest-menu:hover {background-color:#dc6164;} li.linked-menu {background-color:#1a84bc;} li.linked-menu:hover {background-color:#64bbea;} li.yelp-menu {background-color:#c41200;} li.yelp-menu:hover {background-color:#930c00;} li.trip-menu {background-color:#579441;} li.trip-menu:hover {background-color:#73b759;} li.shop-menu {background-color:#ff6600;} li.shop-menu:hover {background-color:#883600;} /*------------------------------------------------*/ /*------------------ OPTIONAL --------------------*/ /*------------------------------------------------*/ /* add a drop shadow to the top header */ #top-header { -moz-box-shadow: 0px 1px 7px 2px #ccc; -webkit-box-shadow: 0px 1px 7px 2px #ccc; box-shadow: 0px 1px 7px 2px #ccc;} /*------------------------------------------------*/ /*--------[End Square Icon Menu Links] -----------*/ /*------------------------------------------------*//*Alternating blog layout*/ /*Set the effect for screen sizes 980px and larger*/ @media only screen and (min-width: 980px) { .ds-alternating-blog .et_pb_post { background-color: #fff; margin-top: 0; margin-bottom: 0; padding: 30px; } /*Add some hidden content to clear the floats and make our posts site on their own row*/ .ds-alternating-blog .et_pb_post:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .ds-alternating-blog .et_pb_post h2 { margin-top: 0; } /*This sets the odd post images to the left*/ .ds-alternating-blog .et_pb_post:nth-child(odd) img { float: left !important; overflow: hidden; width: calc(50% + 60px); height: auto; padding-right: 30px; margin: -30px 0 -30px -30px; } /*This sets the even post images to the right*/ .ds-alternating-blog .et_pb_post:nth-child(even) img { float: right; overflow: hidden; width: calc(50% + 60px); height: auto; padding-left: 30px; margin: -30px -30px -30px 0; } /*This sets the background color of the image ready for the hover effect*/ .ds-alternating-blog .et_pb_post img { background:rgba(255,255,255,.75); opacity:1; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; transition: opacity .25s ease; } /*This gives us the image opacity on hover*/ .ds-alternating-blog .et_pb_post img:hover { opacity: .5; } /*This aligns the post text to the right on even posts*/ .ds-alternating-blog .et_pb_post:nth-child(even) { text-align: right; } /*This sets the position of read more button on odd posts*/ .ds-alternating-blog .et_pb_post:nth-child(odd) a.more-link { display: block; clear: none; margin-left: calc(50% + 30px); } /*This sets the position of read more button on even posts*/ .ds-alternating-blog .et_pb_post:nth-child(even) a.more-link { display: block; clear: none; margin-left: calc(50% - 180px); } } /*This styles the read more button*/ .ds-alternating-blog a.more-link { border: 1px solid #000; width: 150px; color: #000; margin-top: 20px; padding: 10px; text-align: center; } /*This styles the readmore button on hover*/ .ds-alternating-blog a.more-link:hover { border: 1px solid #000; color: #fff !important; background: #000; } /*This changes the layout to stack posts on smaller screens*/ @media only screen and (max-width: 979px) { .ds-alternating-blog .et_pb_post { margin-bottom: 0; } .ds-alternating-blog .et_pb_post a img { min-width: 100%; } .ds-alternating-blog .et_pb_post .entry-featured-image-url { margin: -30px -30px 30px -30px; } .ds-alternating-blog .et_pb_post { padding: 30px; } } /*This fixes a small margin issue with the post meta on small screens*/ @media only screen and (max-width: 479px) { .ds-alternating-blog .et_pb_post .post-meta { margin-top: 10px; } }.home .et_pb_row .et_pb_image img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; } .home .et_pb_row .et_pb_image { overflow: hidden; }