/* Theme Name: Amplius Theme URI: http://themeforest.net/user/Coffee-Themes Author: Ithi Author URI: http://themeforest.net/user/Coffee-Themes Description: WordPress theme designed for themeforest.net by Coffee Themes. Support via profile on themeforest. Version: 1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: coffee */ .wrapper_products { /*background: #fff;*/ margin-top:-15px; } .products_left { clear:both; max-width: 460px; float:left; margin-bottom: 20px; } .products_right { max-width: 460px; float:right; } .jazzyDayFull { background: url('img/jazzyDayPage.png') no-repeat center; max-width:950px; max-height:600px; margin:-30px auto 0; display:block; } .jazzyABCFull { background: url('img/jazzyABCPage.png') no-repeat center; width:950px; height:600px; margin:0 auto; display:block; } .jazzy123Full { background: url('img/jazzy123Page.png') no-repeat center; width:950px; height:600px; margin:0 auto; display:block; } .jazzyDayVideo { margin: 215px 270px; } #world-tour-top { background: url('img/jazzyWorld_top4.png') no-repeat top left; max-width:960px; height:680px; margin: -35px auto 0; display:block; z-index:99; } #world-tour-middle { background: url('img/dunes_top6.jpg') bottom left /contain repeat-x scroll; max-height: 700px; width: 100%; z-index:0; margin-top: 30px; } #world-tour-top h1 { padding: 65px 0 12px 305px; max-width: 500px; color:#008dff; margin-bottom:0; font-family:Oswald, Helvetica, Verdana, sans-serif; letter-spacing:0; text-transform:uppercase; font-weight:bold; font-size:22px; line-height:29px; } #world-tour-top p { font-size: 15px; line-height:20px; margin: 0; padding: 0px 0 0 437px; text-align: left; max-width: 390px; color: #666666; } #world-tour-top a { color:#666666; } #world-tour-top a:hover { text-decoration:none; } #world-tour-middle-back { background: url("img/jazzyWorld_back_all.png") center 250px / contain repeat-x scroll transparent; max-height: 1610px; width: 100%; margin-top: -60px; z-index:0; margin-bottom: -20px; } #world-tour-book { background: url("img/jazzyWorld_book6.png") 0% 0px / contain no-repeat transparent; height: 1700px; margin: -260px auto; max-width: 900px; z-index: 1; } .world-tour-book-text { float:right; width:420px; } .world-tour-book-text h1 { font-size: 31px; line-height: 34px; color:#333333; } #world-tour-bottom { background: url('img/jazzyWorld_footer.png')repeat-x scroll top left; height: 390px; width: 100%; } .home_jazzyDayText p { margin: 20px 0 0 50px; font-size:15px;} .privacyTag { margin: 70px auto; width: 890px;} .appStore { float:right; margin-right:60px;margin-top:0px;} .inner_wrapper_home_contain { max-width: 940px; margin: auto; padding: 0 0 5px; background: transparent; } .inner_wrapper_home_new { background: transparent url('img/homepage_melody_backSml2.jpg') repeat-x; min-height: 940px;} .wapper_home_clouds_new { background: url('img/homepage_melody_cloudsLoop4.png') repeat-x 50% 100%; height:1060px; } .home_jazzyDay_new { background: url('img/homepage_jazzyAppsAllTiny.png') 50% 0 / contain no-repeat transparent; height:960px; width:100%; } .home_jazzyWorldText_new { clear: both; float: left; height: 400px; margin-top:150px; max-width: 400px; } .inner_wrapper_bcv { background: url('img/homepage_bcv_vehiclesAllBack.png') top repeat-x transparent; min-height: 524px; } .inner_wrapper_signup { background: #f9f8f8; border-top:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3; } .home_signup { margin: 0 auto; max-width:660px; } .mc_embed_signup_right { float:right; margin:-130px 0 0 120px;} .home_signup .home_signup_img { background: url("img/mail_character3.png") no-repeat scroll left top transparent; height:150px; margin:-15px 20px 0 0; width:129px; } .home_signup h2 { color:#605DDF !important; font-family:Oswald, Arial, Verdana, sans-serif; font-size:18px; font-weight:bold; line-height:24px; letter-spacing: 0.5pt !important; margin:0 0 10px 20px !important; } .home_signup label, .home_signup input{ color:#c6c4c4; font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:300; letter-spacing:0; line-height:32px; } .home_signup label { background:#FFFFFF; border:1px solid #D3D3D3; border-radius:100px; display:inline-block; min-width:50%; padding:7px 15px 9px; position:relative; text-align:left; } .home_signup input { border:none; color:#333333; padding-left:5px; padding-top:10px; } #mc-embedded-subscribe {background-color:#605ddf !important;} .home_signup input.home_signup_button { float:right; background-color:#605ddf; box-shadow:#4c49dd 2px 2px 0; border:none; border-radius:50px; color:#FFFFFF; cursor:pointer; padding:10px 20px; perspective:1000px; text-align:center; transition:all 0.2s ease; } .home_signup .response { color:#333333; font-size:12px; font-weight:300; line-height:20px; margin-left:20px; } .home_bcv_text { height:500px; width:340px; float:left; margin-top:10px; } .home_bcv_text p { margin:20px 0 5px 70px; } .home_bcv { background: url('img/homepage_bcv_vehiclesAll.png') right bottom / contain no-repeat transparent; height: 524px; width: 100%; float:right; } .home_camilo { background: url('img/home_page_banner_front.png') right bottom / contain no-repeat transparent; height: 524px; width: 100%; float:right; } .inner_wrapper_camilo { background: url('img/home_page_banner_bg_mobile.png') top repeat-x transparent; min-height: 524px; } @media only screen and (min-device-width : 768px) { .inner_wrapper_camilo { background: url('img/home_page_banner_bg.png') top repeat-x transparent; min-height: 524px; } } .home_camilo_text { height: 500px; width: 370px; float: left; margin-top: 10px; } .home_camilo_text p { margin: 20px 0 5px 70px; } .inner_wrapper_home { background: transparent url('img/homepage_melody_back.jpg') repeat-x; min-height: 940px;} .wapper_home_clouds { background: url('img/homepage_melody_clouds.png') repeat-x 50% 100%; height:950px; } .home_jazzyDay { background: transparent url('img/homepage_jazzyDay.png') no-repeat top left; height: 450px; width: 650px; float:left; } .home_jazzyDayText { float:right; max-width:350px; height: 360px; line-height:24px; margin-top:20px; } .home_jazzyWorldText { clear: both; float: left; height: 400px; max-width: 420px; } .home_jazzyWorldText p , .home_classicalText p, .home_jazzyWorldText_new p { font-size:15px; margin-left: 70px; margin-bottom:15px !important; } .home_jazzyWorld { background: transparent url('img/homepage_jazzWorld.png') no-repeat top right; height: 650px; width: 500px; float:left; margin-top:-120px; } .home_product h1 { margin: 0 0 -15px 70px !important; color:#333333; font-size:32px; font-family: Oswald, Arial, Verdana, sans-serif; letter-spacing:0.5pt !important text-transform:uppercase; font-weight:bold; font-size:22px; line-height:24px; } .productTitle a { color:#333333; font-family:Oswald, Arial, Verdana, sans-serif; font-size:24px; font-weight:bold; letter-spacing:0 !important; line-height:24px; margin:70px 0 0 0 !important; text-transform:uppercase; } @media screen and (max-width: 470px) { .home_jazzyWorld {} } .home_product h5 {margin-left:70px; color:#666666;font-size:28px; line-height:32px;letter-spacing:0;font-weight:300; font-family: "Helvetica", Arial, sans-serif;} .home_classicalText {background: transparent url('img/homepage_classicalLeft.png') no-repeat top left; height:500px; width:430px;clear:both; float: left;margin-top: -40px;} .home_classicalText p {margin:250px auto; width: 320px; font-size:15px; margin-bottom:25px !important;margin-left: 60px;} .home_classical {background: transparent url('img/homepage_classicalRight.png') no-repeat bottom right; height:470px; max-width:400px; float: left} #footerReview { margin: 0 auto;} #reviewQuote { font-family:Oswald, Helvetica, Verdana, sans-serif;font-size: 16px; color:#ffffff; padding-top: 20px;font-weight: normal;text-transform: none; min-height:60px; max-width:700px; } #reviewQuote a {color:#ffffff;text-decoration:underline;} #footerReview img { width:100%; height:100%; margin-left:-10px;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.45; font-weight: 400; letter-spacing: normal; font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } .clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } body { position: relative; font-size: 15px; line-height: 25px; color: #777; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #wpadminbar { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0); } #page-wrapper { position: relative; display: block; overflow: hidden; } #page-wrapper #header-wrapper { position: absolute; display: block; top: 0; width: 100%; z-index: 100; } #page-wrapper #header-wrapper.parallax-on { /*position: fixed;*/ } #page-wrapper #header-wrapper #header { position: relative; display: block; width: 100%; max-width: 1200px; margin: -25px auto 25px; } #page-wrapper #parallax-wrapper { width: 0; position: absolute; margin-top: 125px; } #page-wrapper #parallax-wrapper.parallax-on { position: fixed; } #page-wrapper #parallax-wrapper #parallax-inner { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; height: 100%; } #page-wrapper #content-wrapper { position: relative; display: block; margin-top: 145px; z-index: 80; } #page-wrapper #content-wrapper #content { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; } #page-wrapper #content-wrapper #call-to-action-wrapper #call-to-action { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; } #page-wrapper #content-wrapper #twitterfeed-wrapper #twitterfeed { position: relative; display: block; max-width: 1180px; margin: 0 auto; } #page-wrapper #content-wrapper #footer-wrapper { position: relative; display: block; } #page-wrapper #content-wrapper #footer-wrapper #footer { position: relative; display: block; width: 960px; max-width: 1200px; margin: 0 auto; } #page-wrapper #content-wrapper #bottom-footer-wrapper #bottom-footer { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; } /*.admin-bar #page-wrapper #header-wrapper.parallax-on { top: 28px; }*/ #header-wrapper { background: #fff; /* -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /*background: url("img/parallax-bg.jpg") repeat-x;*/ } #header-wrapper #header #header-logo-wrapper { position: absolute; display: block; height: 50%; top: 50%; width: 25%; margin-top: -21px; left: 0px; z-index: 60; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #header-wrapper #header #header-logo-wrapper #header-logo { position: relative; display: block; /*margin-left: 10px;*/ height: 100%;#header-wrapper #header #header-logo-wrapper #header-logo margin-top:-10px; } #header-wrapper #header #header-logo-wrapper #header-logo a { position: relative; display: inline-block; height: 100%; } #header-wrapper #header #header-logo-wrapper #header-logo a img { vertical-align: bottom; max-height: 100%; max-width: 110%; } #header-wrapper #header #header-navigation-wrapper { position: relative; display: block; float: right; width: 110%; padding: 0; white-space: nowrap; } #header-wrapper #header #header-navigation-wrapper #header-navigation #socialNet { float:right; margin: -15px -5px 0 0; width:350px; display:block; } #header-wrapper #header #header-navigation-wrapper #header-navigation .socialItem { padding:0 8px 0 0; float:right; } #header-wrapper #header #header-navigation-wrapper #header-navigation-mobile { display: none; margin: 30px auto 0px; } #header-wrapper #header #header-navigation-wrapper #header-navigation { position: relative; display: block; text-transform: uppercase; letter-spacing: -4px; color: #000000; margin-right: 10px; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul { position: relative; display: block; text-align: right; /*margin-left:260px;*/ /*margin-top: 25px;*/ width: 100%; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li { position: relative; letter-spacing: -1.5px; display: inline-block; padding: 40px 0px; font-size:15px; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li:last-child { padding-right: 0; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li a { color: inherit; text-decoration: none; background-color:#FFFFFF; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; color:#4A4A4A; display:block; margin: 0 4px; padding:4px 12px; font-family: 'Avenir Next','Helvetica Neue', Helvetica, Avnir, Arial, sans-serif; letter-spacing: 0; font-weight:500; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li a:hover { color: #808080; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul { position: absolute; display: none; width: 220px; padding: 0 20px; top: 100%; left: 50%; margin-left: -130px; margin-top:-38px; text-align: center; font-size: 12px; color: #eee; -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); /*background-image: url("img/dark-bg.png");*/ background:#fff; z-index: 50; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul:after { content: ""; position: absolute; top: -12px; left: 50%; margin-left: -20px; width: 0px; height: 0px; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; z-index: 30; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li { margin-top: 25px; margin-left: 0; letter-spacing: -0.5px; padding: 0; display: block; /*font-size:12px !important;*/ } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li:after { content: ""; position: absolute; display: block; left: 0; bottom: -13px; width: 100%; height: 0px; /* border: 0.2px solid #D3D3D3; */ background-color: #404040; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li:last-child { margin-bottom: 25px; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li:last-child:after { display: none; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li .sub-menu { display: block; position: relative; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); background: none; top: auto; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li .sub-menu:after { display: none; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul li .sub-menu li:after { content: ""; position: absolute; display: block; left: 0; bottom: 36px; width: 100%; height: 0px; /* border: 0.2px solid #D3D3D3;*/ background-color: #404040; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li.current-menu-item > a, #header-wrapper #header #header-navigation-wrapper #header-navigation ul li.current_page_item > a { color: #808080; } #parallax-wrapper { background-color: #1abc9c; background-position: 50% 50%; background-position-x: 50%; background-position-y: 50%; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #parallax-wrapper #parallax-inner #parallax-title-wrapper { position: absolute; display: block; top: 50%; margin-top: -24.5px; left: 5px; } #parallax-wrapper #parallax-inner #parallax-title-wrapper #parallax-title { text-transform: uppercase; letter-spacing: -4px; color: #fff; font-size: 48px; line-height: 49px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); } #parallax-wrapper #parallax-inner #parallax-aside-wrapper { position: absolute; display: block; top: 50%; margin-top: -25px; right: 10px; border: 3px solid rgba(255, 255, 255, 0.5); } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-search input { text-transform: uppercase; letter-spacing: -0.5px; color: #fff; font-size: 15px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); background: none; padding: 13px 50px 13px 16px; width: 59px; margin: 0; border: none; display: block; outline: none; outline-offset: 0; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-search i { color: #fff; font-size: 15px; position: absolute; right: 16px; top: 50%; margin-top: -8px; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter { text-transform: uppercase; letter-spacing: -0.5px; color: #fff; font-size: 15px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); background: none; padding: 10px 30px 10px 16px; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter .filters { position: relative; display: block; min-height: 24px; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter .filters li { position: relative; display: none; float: left; white-space: nowrap; margin-right: 20px; height: auto !important; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter .filters li.current { display: block; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter .filters li.current a { opacity: 1; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter .filters li a { color: #fff; opacity: .7; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter .filters li a:hover { opacity: 1; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper #parallax-filter i { color: #fff; font-size: 15px; position: absolute; right: 16px; top: 50%; margin-top: -7px; } #parallax-wrapper #parallax-google-maps { position: relative; display: block; width: 100%; margin: 0 auto; height: 100%; } #content-wrapper { background-color: #fff; /*-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);*/ } #content .content-column-wrapper { position: relative; display: block; /* float: left;*/ } #content .content-column-wrapper .content-column { position: relative; display: block; margin: 0 10px; } #content article { position: relative; display: block; float: left; width: 100%; } #content article .entry-media-wrapper { position: relative; display: block; } #content article .entry-media-wrapper .entry-media { position: relative; display: block; margin-bottom: 25px; } #content article .entry-media-wrapper .entry-media img { width: 100%; height: auto; vertical-align: bottom; } #content article .entry-media-wrapper .entry-media .flexslider { position: relative; display: block; } #content article .entry-media-wrapper .entry-media .flexslider .slides { position: relative; display: block; } #content article .entry-media-wrapper .entry-media .flexslider .slides li { position: relative; display: none; } #content article .entry-media-wrapper .entry-media .flexslider .flex-direction-nav { position: absolute; display: block; right: 0px; bottom: 0px; } #content article .entry-media-wrapper .entry-media .flexslider .flex-direction-nav li { position: absolute; display: block; right: 15px; bottom: 15px; z-index: 30; font-size: 12px; position: relative; display: inline-block; float: left; } #content article .entry-media-wrapper .entry-media .flexslider .flex-direction-nav li:first-child { right: 25px; } #content article .entry-media-wrapper .entry-media .flexslider .flex-direction-nav li a { color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background-color: #1abc9c; padding: 8px 10px 6px 10px; opacity: .3; } #content article .entry-media-wrapper .entry-media .flexslider .flex-direction-nav li a:hover { opacity: 1; } #content article .entry-media-wrapper .entry-media .shared-video, #content article .entry-media-wrapper .entry-media .shared-audio { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } #content article .entry-media-wrapper .entry-media .shared-video iframe, #content article .entry-media-wrapper .entry-media .shared-audio iframe { font-size: 0; line-height: 0; vertical-align: bottom; } #content article .entry-media-wrapper .entry-media .shared-video { min-height: 275px; } #content article .entry-media-wrapper .entry-media .shared-video iframe { min-height: 275px; } #content article .entry-media-wrapper .entry-media .featured-quote { position: relative; display: block; background: #1abc9c; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } #content article .entry-media-wrapper .entry-media .featured-quote a { position: relative; display: block; padding: 26px 40px 18px 40px; text-decoration: none; max-width: 100%; } #content article .entry-media-wrapper .entry-media .featured-quote blockquote { text-transform: uppercase; letter-spacing: -1px; text-align: center; color: #fff; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #content article .entry-media-wrapper .entry-media .featured-quote blockquote p { position: relative; display: block; font-size: 18px; } #content article .entry-media-wrapper .entry-media .featured-quote blockquote p:before { content: "“"; position: absolute; display: block; left: -22px; top: 10px; font-size: 48px; line-height: 0; } #content article .entry-media-wrapper .entry-media .featured-quote blockquote p:after { content: "”"; position: absolute; display: block; right: -22px; bottom: -11px; font-size: 48px; line-height: 0; } #content article .entry-media-wrapper .entry-media .featured-quote blockquote footer { margin-top: 6px; font-size: 12px; } #content article .entry-media-wrapper .entry-media .featured-quote:hover { background: #34495e; } #content article .entry-media-wrapper .entry-media .featured-link { position: relative; display: block; background: #1abc9c; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } #content article .entry-media-wrapper .entry-media .featured-link a { text-decoration: none; position: relative; display: block; padding: 26px 40px 24px 40px; text-decoration: none; max-width: 100%; } #content article .entry-media-wrapper .entry-media .featured-link a .link { text-transform: uppercase; letter-spacing: -1px; text-align: center; color: #fff; font-size: 18px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #content article .entry-media-wrapper .entry-media .featured-link:hover { background: #34495e; } #content article .entry-media-wrapper .entry-media .featured-link i { color: #fff; pointer-events: none; position: absolute; left: 20px; top: 50%; margin-top: -9px; color: #fff; font-size: 18px; } #content article .entry-media-wrapper .entry-media .entry-media-overlay { position: absolute; display: block; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0); z-index: 20; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #content article .entry-media-wrapper .entry-media .entry-media-overlay .entry-media-permalink { position: absolute; display: block; width: 44px; height: 44px; margin-left: -25px; margin-top: -25px; top: 50%; left: 50%; border: 3px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); } #content article .entry-media-wrapper .entry-media .entry-media-overlay .entry-media-permalink i { position: absolute; display: block; margin-left: -9px; margin-top: -9px; top: 50%; left: 50%; font-size: 19px; color: #fff; } #content article .entry-media-wrapper .entry-media .entry-media-overlay .entry-media-zoom { position: absolute; display: block; width: 44px; height: 44px; margin-left: -25px; margin-top: -25px; top: 50%; left: 50%; border: 3px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); } #content article .entry-media-wrapper .entry-media .entry-media-overlay .entry-media-zoom i { position: absolute; display: block; margin-left: -8px; margin-top: -10px; top: 50%; left: 50%; font-size: 19px; color: #fff; } #content article .entry-media-wrapper .entry-media .entry-media-overlay:hover { background-color: rgba(0, 0, 0, 0.5); } #content article .entry-media-wrapper .entry-media .entry-media-overlay:hover .entry-media-permalink, #content article .entry-media-wrapper .entry-media .entry-media-overlay:hover .entry-media-zoom { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } #content article .entry-media-wrapper .entry-media .entry-media-overlay:hover .entry-media-permalink:hover, #content article .entry-media-wrapper .entry-media .entry-media-overlay:hover .entry-media-zoom:hover { border: 3px solid rgba(255, 255, 255, 0.7); } #content article .entry-media-wrapper .entry-media .entry-media-arrow-top { position: absolute; z-index: 25; top: -2px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #content article .entry-media-wrapper .entry-media .entry-media-arrow-bottom { position: absolute; z-index: 25; bottom: -2px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #content article .entry-media-wrapper .entry-media .entry-media-arrow-right { position: absolute; z-index: 25; right: -2px; top: 50%; margin-top: -10px; width: 0px; height: 0px; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content article .entry-title-wrapper { position: relative; display: block; word-wrap: break-word; -ms-word-wrap: break-word; } #content article .entry-title-wrapper h1.entry-title { text-transform: uppercase; letter-spacing: -1px; color: #404040; font-size: 18px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #content article .entry-title-wrapper h1.entry-title a { color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content article .entry-title-wrapper h1.entry-title a:hover { color: #1abc9c; } #content article .entry-meta-wrapper { position: relative; display: block; } #content article .entry-meta-wrapper .entry-meta { text-transform: uppercase; letter-spacing: -1px; color: #999999; font-size: 12px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #content article .entry-meta-wrapper .entry-meta li { position: relative; display: inline-block; margin-right: 8px; } #content article .entry-meta-wrapper .entry-meta li:after { content: "·"; position: absolute; right: -5px; top: 0px; } #content article .entry-meta-wrapper .entry-meta li:last-child { margin-right: 0; } #content article .entry-meta-wrapper .entry-meta li:last-child:after { display: none; } #content article .entry-meta-wrapper .entry-meta li a { color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content article .entry-meta-wrapper .entry-meta li a:hover { color: #404040; } #content article .entry-content-wrapper { position: relative; display: block; margin-top: 7px; } #content article .entry-content-wrapper .entry-content a.read-more { position: relative; display: inline-block; margin-top: -12px; margin-bottom: 18px; } #content article .entry-content-wrapper .entry-content a.read-more button { position: relative; display: inline-block; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; color: #999999; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 9px 15px 7px 36px; margin: 0; border: none; background: #f7f7f7; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content article .entry-content-wrapper .entry-content a.read-more button i { color: inherit; position: absolute; top: 14px; left: 15px; font-size: 14px; } #content article .entry-content-wrapper .entry-content a.read-more button:hover { color: white; background-color: #1abc9c; } #content article .entry-content-wrapper .entry-content .entry-tags { position: relative; display: block; margin-top: -3px; margin-bottom: 23px; } #content article .entry-content-wrapper .entry-content .entry-tags a { position: relative; display: inline-block; text-decoration: none; color: #666; border: 1px solid #bfbfbf; padding: 2px 9px 1px 9px; margin: 0 10px 0 0; background-color: rgba(26, 188, 156, 0); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content article .entry-content-wrapper .entry-content .entry-tags a:hover { color: #fff; border-color: #1abc9c; background-color: #1abc9c; } #content article .entry-content-wrapper .entry-content .entry-tags a:last-child { margin-right: 0; } #content article.sticky .entry-title-wrapper h1.entry-title { color: #000; } #content #pagination { position: relative; display: block; float: left; width: 100%; margin-bottom: 43px; } #content #pagination #page-number { position: relative; display: block; float: left; text-transform: uppercase; letter-spacing: 0px; color: #999999; font-size: 11px; margin-top: 1px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #content #pagination #page-links { position: relative; display: block; float: right; } #content #pagination #page-links a { position: relative; float: left; } #content #pagination #page-links a.page-numbers { display: none; } #content #pagination #page-links a.prev, #content #pagination #page-links a.next { display: block; } #content #pagination #page-links a button { position: relative; display: inline-block; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; color: #999999; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 9px 15px 7px 36px; margin: -6px 0 0 0; border: none; background: #f7f7f7; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #pagination #page-links a button i { color: inherit; position: absolute; top: 14px; left: 15px; font-size: 14px; } #content #pagination #page-links a button:hover { color: white; background-color: #1abc9c; } #content #pagination #page-links a button.next { padding: 9px 36px 7px 15px; } #content #pagination #page-links a button.next i { left: auto; right: 15px; } #content #pagination #page-links a:last-child { margin-left: 20px; } #content #pagination #page-links span { display: none; } #content #large-blog-type { width: 75%; margin-bottom: 43px; } #content #large-blog-type .content-column { margin-right: 30px; margin-top: 32px; } #content #large-blog-type.left-sidebar .content-column { margin-left: 30px; margin-right: 10px; } #content #large-blog-type article { margin-top: 43px; padding-bottom: 41px; margin-bottom: 32px; border-bottom: 1px solid #e6e6e6; width: 100%; } #content #large-blog-type article .entry-aside { position: absolute; display: block; left: 0px; top: 0; width: 50px; height: 100%; z-index: 60; } #content #large-blog-type article .entry-inner { position: relative; display: block; float: left; padding-left: 80px; z-index: 50; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #medium-blog-type { width: 75%; margin-bottom: 43px; } #content #medium-blog-type .content-column { margin-right: 30px; margin-top: 32px; } #content #medium-blog-type.left-sidebar .content-column { margin-left: 30px; margin-right: 10px; } #content #medium-blog-type article { margin-top: 43px; padding-bottom: 42px; margin-bottom: 32px; border-bottom: 1px solid #e6e6e6; width: 100%; min-height: 307px; } #content #medium-blog-type article .entry-aside { position: absolute; display: block; left: 0px; top: 0; width: 280px; height: 100%; z-index: 60; } #content #medium-blog-type article .entry-inner { position: relative; display: block; float: left; padding-left: 300px; z-index: 50; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #medium-blog-type article.nothumbnail { min-height: inherit; } #content #medium-blog-type article.nothumbnail .entry-inner { padding-left: 0; } #content #mini-blog-type { width: 75%; margin-bottom: 75px; } #content #mini-blog-type .content-column { margin-right: 30px; margin-top: 50px; } #content #mini-blog-type.left-sidebar .content-column { margin-left: 30px; margin-right: 10px; } #content #mini-blog-type article { margin-top: 25px; padding-bottom: 24px; margin-bottom: 0px; border-bottom: 1px solid #e6e6e6; width: 100%; } #content #mini-blog-type article .entry-aside { position: absolute; display: block; left: 0px; top: 0; width: 50px; height: 100%; z-index: 60; } #content #mini-blog-type article .entry-aside .entry-media-wrapper .entry-media:hover .entry-media-arrow-right { right: -10px; } #content #mini-blog-type article .entry-inner { position: relative; display: block; float: left; padding-left: 70px; z-index: 50; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #mini-blog-type article.nothumbnail .entry-inner { padding-left: 0; } #content #mini-blog-type #pagination { margin-top: 32px; margin-bottom: 11px; } #content #grid-blog-type { width: 100%; margin-bottom: 50px; } #content #grid-blog-type .content-column { margin-right: 0px; margin-left: 0px; margin-top: 25px; } #content #grid-blog-type article { margin-top: 50px; padding-bottom: 25px; margin-bottom: 0px; border-bottom: none; width: 25%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #grid-blog-type article .entry-inner { position: relative; display: block; float: left; padding-bottom: 17px; border-bottom: 1px solid #e6e6e6; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } #content #grid-blog-type article .entry-inner:hover { border-bottom: 3px solid #1abc9c; padding-bottom: 15px; } #content #grid-blog-type #pagination { margin-top: 7px; margin-bottom: 36px; } #content #grid-blog-type #pagination #page-number { margin-left: 10px; } #content #grid-blog-type #pagination #page-links { margin-right: 10px; } #content #sidebar-wrapper { width: 25%; } #content #sidebar-wrapper .content-column { margin-top: 75px; } #content #large-blog-type.single-post .content-column article, #content #medium-blog-type.single-post .content-column article { border-bottom: none; padding-bottom: 0; margin-bottom: 43px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper { position: relative; display: block; float: left; padding-left: 80px; margin-bottom: 50px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper { position: relative; display: block; width: 100%; height: 25px; background-image: url("img/title-bg.png"); } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper:after, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper:after { content: ""; position: absolute; display: block; background: #e5e5e5; height: 13px; width: 1px; right: 0; top: 6px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title { text-transform: uppercase; letter-spacing: -1px; color: #4c4c4c; font-size: 16px; background: white; position: relative; display: inline-block; padding-right: 34px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title:after, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title:after { content: ""; position: absolute; display: block; border: 1px solid #e5e5e5; height: 11px; width: 11px; right: 0; top: 6px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title a, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title a { color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title a:hover, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .comments-title-wrapper .comments-title a:hover { color: #1abc9c; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment { position: relative; display: block; float: left; margin-top: 25px; margin-bottom: 18px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-avatar, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-avatar { position: absolute; display: block; left: 0; top: 0; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-avatar img, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-avatar img { vertical-align: bottom; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet { position: relative; display: block; padding-left: 70px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-author, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-author { text-transform: uppercase; letter-spacing: -1px; color: #404040; font-size: 14px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-author a, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-author a { color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-author a:hover, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-author a:hover { color: #1abc9c; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta { text-transform: uppercase; letter-spacing: -1px; color: #999999; font-size: 10px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li { position: relative; display: inline-block; margin-right: 8px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li:after, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li:after { content: "·"; position: absolute; right: -5px; top: 0px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li:last-child, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li:last-child { margin-right: 0; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li:last-child:after, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li:last-child:after { display: none; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li a, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li a { color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li a:hover, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-meta li a:hover { color: #404040; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-text, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-text { margin-top: 7px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-text p, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-text p { margin-bottom: 25px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-text p:last-child, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment .comment-sheet .comment-text p:last-child { margin-bottom: 0; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment.bypostauthor, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .comment.bypostauthor { color: inherit; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .trackback-pingback, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .trackback-pingback { margin-bottom: 25px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .trackback-pingback h5, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .trackback-pingback h5 { text-transform: uppercase; letter-spacing: -1px; color: #404040; font-size: 14px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .trackback-pingback h5 a, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .trackback-pingback h5 a { color: inherit; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .children, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper .entry-comments ol .children { position: relative; display: block; float: left; margin-left: 70px; } #content #large-blog-type.single-post .content-column .respond-wrapper, #content #medium-blog-type.single-post .content-column .respond-wrapper { position: relative; display: block; float: left; padding-left: 80px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond { position: relative; display: block; float: left; width: 100%; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title { position: relative; display: block; width: 100%; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url("img/title-bg.png"); } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title:after, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title:after { content: ""; position: absolute; display: block; background: #e5e5e5; height: 13px; width: 1px; right: 0; top: 6px; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner { text-transform: uppercase; letter-spacing: -1px; color: #4c4c4c; font-size: 16px; background: white; position: relative; display: inline-block; padding-right: 34px; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner:after, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner:after { content: ""; position: absolute; display: block; border: 1px solid #e5e5e5; height: 11px; width: 11px; right: 0; top: 6px; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner a, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner a { color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner a:hover, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title .reply-title-inner a:hover { color: #1abc9c; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title small, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title small { position: relative; margin-left: -16px; top: -1px; display: inline-block; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title small a, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title small a { color: #1abc9c; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond #reply-title small a:hover, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond #reply-title small a:hover { color: inherit; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form { position: relative; display: block; margin-top: 25px; margin-bottom: 44px; overflow: hidden; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .logged-in-as a, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .logged-in-as a { color: #1abc9c; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .logged-in-as a:hover, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .logged-in-as a:hover { color: #404040; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author, #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email, #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url { position: relative; display: block; float: left; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author input, #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email input, #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url input, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author input, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email input, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url input { position: relative; display: block; padding: 0; margin: 0; border: 0; background: #fcfcfc; border-bottom: 1px solid #e5e5e5; display: block; font-size: 14px; line-height: 25px; color: #aaa; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; outline: none; width: 100%; padding: 13px 20px 11px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author input:focus, #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email input:focus, #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url input:focus, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author input:focus, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email input:focus, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url input:focus { color: #444; border-bottom: 1px solid #999; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-author { padding-right: 13.33px; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-email { padding-right: 6.66px; padding-left: 6.66px; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .comment-form-url { padding-left: 13.33px; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form textarea, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form textarea { position: relative; display: block; float: left; margin: 25px 0 0 0; border: 0; background: #fcfcfc; border-bottom: 1px solid #e5e5e5; display: block; font-size: 14px; line-height: 25px; color: #aaa; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; outline: none; width: 100%; max-width: 100%; padding: 13px 20px 11px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form textarea:focus, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form textarea:focus { color: #444; border-bottom: 1px solid #999; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit { position: relative; display: inline-block; float: right; margin-top: 31px; color: #999999; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit:hover, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit:hover { color: #fff; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit:after, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit:after { content: '\f044'; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; font-size: 14px; color: inherit; position: absolute; display: inline-block; left: 15px; top: 1px; pointer-events: none; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit #submit, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit #submit { position: relative; display: inline-block; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; color: inherit; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 7px 15px 6px 38px; margin: -6px 0 0 0; border: none; background: #f7f7f7; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #large-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit #submit:hover, #content #medium-blog-type.single-post .content-column .respond-wrapper #respond form .form-submit #submit:hover { color: white; background-color: #1abc9c; } #content #portfolio-grid { width: 100%; margin-bottom: 50px; } #content #portfolio-grid .content-column { margin-right: 0px; margin-left: 0px; margin-top: 25px; } #content #portfolio-grid article { margin-top: 50px; padding-bottom: 25px; margin-bottom: 0px; border-bottom: none; width: 25%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #portfolio-grid article .entry-inner { position: relative; display: block; float: left; text-align: center; padding-bottom: 24px; border-bottom: 1px solid #e6e6e6; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } #content #portfolio-grid article .entry-inner:hover { opacity: 1 !important; border-bottom: 3px solid #1abc9c; padding-bottom: 21px; } #content #portfolio-grid #pagination { margin-top: 7px; margin-bottom: 36px; } #content #portfolio-grid #pagination #page-number { margin-left: 10px; } #content #portfolio-grid #pagination #page-links { margin-right: 10px; } #content #team-grid { width: 100%; margin-bottom: 0px; } #content #team-grid .content-column { margin-right: 0px; margin-left: 0px; margin-top: 0px; } #content #team-grid.no-content { margin-top: 75px; } #content #team-grid article { padding-bottom: 25px; margin-bottom: 0px; border-bottom: none; width: 25%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #team-grid article .entry-inner { position: relative; display: block; float: left; padding-bottom: 18px; border-bottom: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } #content #single-aside-wrapper, #content #half-aside-wrapper { width: 25%; } #content #single-aside-wrapper .content-column, #content #half-aside-wrapper .content-column { margin-top: 75px; margin-bottom: 68px; } #content #single-aside-wrapper .aside-title-wrapper, #content #half-aside-wrapper .aside-title-wrapper { position: relative; display: block; margin-bottom: 16px; } #content #single-aside-wrapper .aside-title-wrapper:after, #content #half-aside-wrapper .aside-title-wrapper:after { content: ""; width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; } #content #single-aside-wrapper .aside-title-wrapper .aside-title, #content #half-aside-wrapper .aside-title-wrapper .aside-title { position: relative; display: inline-block; padding-right: 20px; padding-bottom: 15px; text-transform: uppercase; letter-spacing: -1px; color: #404040; font-size: 16px; border-bottom: 1px solid #999; z-index: 20; } #content #single-aside-wrapper .aside-entry-meta strong, #content #half-aside-wrapper .aside-entry-meta strong { font-weight: bold; color: #555555; } #content #single-aside-wrapper .aside-entry-meta a, #content #half-aside-wrapper .aside-entry-meta a { color: inherit; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #single-aside-wrapper .aside-entry-meta a:hover, #content #half-aside-wrapper .aside-entry-meta a:hover { color: #1abc9c; } #content #single-aside-wrapper .aside-entry-meta button, #content #half-aside-wrapper .aside-entry-meta button { position: relative; display: inline-block; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; color: #999999; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 9px 15px 7px 36px; margin: 18px 0 19px 0; border: none; background: #f7f7f7; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #single-aside-wrapper .aside-entry-meta button i, #content #half-aside-wrapper .aside-entry-meta button i { color: inherit; position: absolute; top: 14px; left: 15px; font-size: 14px; } #content #single-aside-wrapper .aside-entry-meta button:hover, #content #half-aside-wrapper .aside-entry-meta button:hover { color: white; background-color: #1abc9c; } #content #large-portfolio-type { width: 75%; } #content #large-portfolio-type .content-column { margin-top: 75px; } #content #large-portfolio-type .content-column article .entry-inner .entry-media-wrapper .entry-media { margin-bottom: 75px; } #content #large-portfolio-type.left-aside .content-column { margin-left: 30px; } #content #large-portfolio-type.right-aside .content-column { margin-right: 30px; } #content #medium-portfolio-type { width: 50%; } #content #medium-portfolio-type .content-column { margin-top: 75px; } #content #medium-portfolio-type .content-column article .entry-inner .entry-media-wrapper .entry-media { margin-bottom: 75px; } #content #medium-portfolio-type .content-column { margin-left: 30px; margin-right: 30px; } #content #home-template, #content #full-width-template { width: 100%; max-width:960px; margin: 0 auto; } #full-page-template { /*margin-top:145px;*/ } #content #home-template .content-column, #content #full-width-template .content-column { /*margin-top: 75px;*/ margin-bottom: 43px; } #content #page-template { width: 75%; margin-bottom: 43px; } #content #page-template .content-column { margin-right: 30px; margin-top: 32px; } #content #page-template.left-sidebar .content-column { margin-left: 30px; margin-right: 10px; } #content #page-template article { margin-top: 43px; width: 100%; } #content #page-template article .entry-inner { position: relative; display: block; float: left; padding-left: 0px; z-index: 50; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #contact-template { width: 75%; margin-bottom: 43px; max-width:960px; margin: 0 auto; } #content #contact-template .content-column { margin-right: 30px; margin-top: 32px; } #content #contact-template.left-sidebar .content-column { margin-left: 30px; margin-right: 10px; } #content #contact-template article { margin-top: 13px; width: 100%; } #content #contact-template article .entry-inner { position: relative; display: block; float: left; padding-left: 0px; z-index: 50; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #contact-template article .entry-inner .entry-content-wrapper.nocontent { margin-top: -6px; } #content #contact-template article .entry-inner .entry-content-wrapper.nocontent #contact-template-form { padding-top: 0; } #content #contact-template article .entry-inner #contact-template-form { position: relative; display: block; padding-top: 12px; } #content #contact-template article .entry-inner #contact-template-form .thanks-message { margin-top: 13px; color: #1abc9c; } #content #contact-template article .entry-inner #contact-template-form .error-message { margin-top: 13px; color: #c0392b; } #content #contact-template article .entry-inner #contact-template-form form { position: relative; display: block; } #content #contact-template article .entry-inner #contact-template-form form .form-element { position: relative; display: block; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #contact-template article .entry-inner #contact-template-form form .form-element.name { margin-bottom: 0px; } #content #contact-template article .entry-inner #contact-template-form form .form-element.email { padding-top: 20px; margin-bottom: 0px; } #content #contact-template article .entry-inner #contact-template-form form .form-element.textarea { width: 100%; margin-bottom: 29px; } #content #contact-template article .entry-inner #contact-template-form form .form-element input { position: relative; display: block; padding: 0; margin: 0; border: 0; background: #e5e5e5; border-bottom: 1px solid #e5e5e5; display: block; font-size: 14px; line-height: 25px; color: #aaa; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; outline: none; width: 100%; padding: 13px 20px 11px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #contact-template article .entry-inner #contact-template-form form .form-element input:focus { color: #444; border-bottom: 1px solid #999; } #content #contact-template article .entry-inner #contact-template-form form .form-element textarea { position: relative; display: block; float: left; margin: 25px 0 0 0; border: 0; background: #e5e5e5; border-bottom: 1px solid #e5e5e5; display: block; font-size: 14px; line-height: 25px; color: #aaa; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; outline: none; width: 100%; max-width: 100%; padding: 13px 20px 11px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #contact-template article .entry-inner #contact-template-form form .form-element textarea:focus { color: #444; border-bottom: 1px solid #999; } #content #contact-template article .entry-inner #contact-template-form form .form-submit { position: relative; display: block; float: left; width: 100%; margin-bottom: 27px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #contact-template article .entry-inner #contact-template-form form .form-submit button { position: relative; display: inline-block; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; color: #999999; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 9px 15px 7px 36px; margin: -6px 0 0 0; border: none; background: #f7f7f7; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content #contact-template article .entry-inner #contact-template-form form .form-submit button i { color: inherit; position: absolute; top: 14px; left: 15px; font-size: 14px; } #content #contact-template article .entry-inner #contact-template-form form .form-submit button:hover { color: white; background-color: #1abc9c; } #content #team-template { width: 100%; } #content #team-template .content-column { margin-top: 75px; /* margin-bottom: 43px;*/ } #content .carousel-wrapper { width: 100%; } #content .carousel-wrapper .content-column { margin: 0 0 50px 0; } #content .carousel-wrapper .content-column .carousel-title-wrapper { position: relative; display: block; margin: 0 10px 25px 10px; height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url("img/title-bg.png"); overflow: hidden; } #content .carousel-wrapper .content-column .carousel-title-wrapper:after { content: ""; position: absolute; display: block; background: #e5e5e5; height: 13px; width: 1px; right: 0; top: 6px; z-index: 10; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-title { text-transform: uppercase; letter-spacing: -1px; color: #4c4c4c; font-size: 16px; background: white; position: relative; display: inline-block; padding-right: 34px; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-title:after { content: ""; position: absolute; display: block; border: 1px solid #e5e5e5; height: 11px; width: 11px; right: 0; top: 6px; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls { position: absolute; right: 0px; top: 0; display: block; font-size: 12px; color: #999999; background: #fff; z-index: 20; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls:after { content: ""; position: absolute; display: block; background: #e5e5e5; height: 13px; width: 1px; left: 0; top: 6px; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls .carousel-prev, #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls .carousel-next { display: inline-block; margin-top: 1px; margin-left: 10px; position: relative; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls .carousel-prev { margin-left: 20px; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls a { cursor: pointer; color: inherit; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #content .carousel-wrapper .content-column .carousel-title-wrapper .carousel-controls a:hover { color: #1abc9c; } #content .carousel-wrapper .content-column .carousel-items-wrapper { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } #content .carousel-wrapper .content-column .carousel-items-wrapper:before { content: ""; position: absolute; display: block; background: #fff; top: 0; left: 0; height: 100%; width: 10px; z-index: 20; } #content .carousel-wrapper .content-column .carousel-items-wrapper:after { content: ""; position: absolute; display: block; background: #fff; top: 0; right: 0; height: 100%; width: 10px; z-index: 20; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item { position: relative; display: block; float: left; width: 25%; max-width: 300px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article { padding-bottom: 25px; margin-bottom: 0px; border-bottom: none; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article .entry-inner { position: relative; display: block; float: left; padding-bottom: 17px; border-bottom: 1px solid #e6e6e6; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article .entry-inner:hover { border-bottom: 3px solid #1abc9c; padding-bottom: 14px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article.portfolio-type .entry-inner { text-align: center; padding-bottom: 24px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article.portfolio-type .entry-inner:hover { padding-bottom: 21px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article.team-type .entry-inner { padding-bottom: 18px; border-bottom: none; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item article.team-type .entry-inner:hover { border-bottom: none; padding-bottom: 18px; } #content .carousel-wrapper.team-type .content-column { margin-bottom: 0px; } .entry-content cite, .entry-content q { font-style: italic; } .entry-content code, .entry-content kbd, .entry-content tt { word-wrap: break-word; font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; } .entry-content abbr, .entry-content acronym, .entry-content var { border-bottom: 1px dotted #777; } .entry-content strong, .entry-content b, .entry-content big { font-weight: bold; color: #555; } .entry-content em { font-style: italic; } .entry-content del { color: #aaa; } .entry-content sub { vertical-align: text-top; font-size: 10px; line-height: 20px; } .entry-content sup { vertical-align: text-bottom; font-size: 10px; line-height: 20px; } .entry-content ul { margin-bottom: 25px; list-style: circle; list-style-position: inside; } .entry-content ul li ul, .entry-content ul li ol { margin-left: 25px; } .entry-content ol { margin-bottom: 25px; list-style: decimal; list-style-position: inside; } .entry-content ol li ul, .entry-content ol li ol { margin-left: 25px; } .entry-content blockquote { position: relative; padding: 5px 20px; font-style: italic; border-left: 6px solid #1abc9c; margin: -5px 0 20px 0; } .entry-content blockquote p:last-child { margin-bottom: 0px; } .entry-content p { margin-bottom: 5px; margin-right:2px; color:#333333; font-weight:300; } .entry-content a { color:#545454; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content a:hover { color: #404040; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { text-transform: uppercase; letter-spacing: 0; padding-top: 19px; margin-bottom: 19px; color: #404040; } .awardsBanner, awardsBannerLong { float:left; } #buyBanner { float:right; margin: 20px 50px !important; } #productTitle { font-size: 38px; line-height: 39px; font-weight: 500; color:#545454; } #productSubTitle { font-size: 35px; line-height: 39px; font-weight: 500; color: #999; float:left; width: 100%; letter-spacing: 0; } .entry-content h1 { font-size: 24px; letter-spacing: 0.9pt; } .entry-content h2 { font-size: 22px; } .entry-content h3 { font-size: 20px; } .entry-content h4 { font-size: 18px; } .entry-content h5 { font-size: 16px; } .entry-content h6 { font-size: 14px; } .entry-content address { color: #666; font-style: italic; margin-bottom: 25px; } .entry-content img { max-width: 100%; height: auto; vertical-align: bottom; } .entry-content pre { border: solid 1px #ddd; font-size: 12px; color: #666; padding: 24px 15px 24px 15px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); -webkit-background-size: 100% 50px; -moz-background-size: 100% 50px; background-size: 100% 50px; line-height: 25px; margin-bottom: 25px; } .entry-content table { width: 100%; text-align: left; margin-top: -13px; margin-bottom: 12px; } .entry-content table tbody tr th { padding: 12px 25px; background: #f8f8f8; border: 1px solid #bfbfbf; font-weight: bold; } .entry-content table tbody tr td { border: 1px solid #bfbfbf; padding: 12px 25px; } .entry-content table tbody tr.even { background: #fafafa; } .entry-content dl dt { font-weight: bold; } .entry-content dl dd { margin-bottom: 25px; } .entry-content .alignright { float: right; display: block; margin: 15px 0 10px 20px; max-width: 100%; } .entry-content .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; max-width: 100%; margin-top: 5px; margin-bottom: 25px; } .entry-content .alignleft { float: left; display: block; margin: 5px 20px 10px 0; max-width: 100%; } .entry-content .wp-caption { max-width: 100%; } .entry-content .wp-caption img { vertical-align: bottom; } .entry-content .wp-caption .wp-caption-text { font-size: 12px; font-style: italic; padding: 25px 20px 24px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: rgba(0, 0, 0, 0.05); } .entry-content .gallery { margin-bottom: 0px !important; } .entry-content .gallery .gallery-item { margin-top: 0 !important; } .entry-content .gallery .gallery-item a, .entry-content .gallery .gallery-item a:hover { padding: 0; margin: 0; background: none; border: none; } .entry-content .gallery .gallery-item img { margin: 0 !important; padding: 0 !important; border: none !important; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; height: auto; } .entry-content .gallery .gallery-caption { font-size: 12px; font-style: italic; padding: 25px 20px 24px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: rgba(0, 0, 0, 0.05); } .entry-content .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .entry-content .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .entry-content .gallery.gallery-columns-3 .gallery-item { width: 33.33% !important; } .entry-content .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .entry-content .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .entry-content .gallery.gallery-columns-6 .gallery-item { width: 16.66% !important; } .entry-content .gallery.gallery-columns-7 .gallery-item { width: 14.28% !important; } .entry-content .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .entry-content .gallery.gallery-columns-9 .gallery-item { width: 11.11% !important; } .entry-content .coffee-column.coffee-column-one-one, .entry-content .coffee-column.coffee-column-one-half, .entry-content .coffee-column.coffee-column-one-third, .entry-content .coffee-column.coffee-column-two-third, .entry-content .coffee-column.coffee-column-three-fourth, .entry-content .coffee-column.coffee-column-one-fourth { position: relative; display: block; float: left; margin-right: 4%; } .entry-content .coffee-column.coffee-column-one-one { width: 100%; margin-right: 0; } .entry-content .coffee-column.coffee-column-one-half { width: 48%; } .entry-content .coffee-column.coffee-column-one-third { width: 30.66%; } .entry-content .coffee-column.coffee-column-two-third { width: 65.33%; } .entry-content .coffee-column.coffee-column-one-fourth { width: 22%; } .entry-content .coffee-column.coffee-column-three-fourth { width: 74%; } .entry-content .coffee-column.coffee-column-last { margin-right: 0; } .entry-content .coffee-shortcode { position: relative; display: block; margin-top: -7px; width: 100%; z-index: 20; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content .coffee-shortcode.coffee-shortcode-clearfix { margin-bottom: 0px; z-index: 0; zoom: 1; } .entry-content .coffee-shortcode.coffee-shortcode-clearfix:before, .entry-content .coffee-shortcode.coffee-shortcode-clearfix:after { content: ""; display: table; } .entry-content .coffee-shortcode.coffee-shortcode-clearfix:after { clear: both; } .entry-content .coffee-shortcode.coffee-shortcode-feature { text-align: center; margin-bottom: 25px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .entry-content .coffee-shortcode.coffee-shortcode-feature .feature-icon { position: relative; margin: 0 auto; line-height: 135px; color: #999999; width: 130px; height: 130px; font-size: 42px; text-align: center; background-color: #fafbfc; border: 10px solid #f0f1f2; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0); -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0); } .entry-content .coffee-shortcode.coffee-shortcode-feature .feature-icon i { position: relative; display: inline-block; } .entry-content .coffee-shortcode.coffee-shortcode-feature .feature-icon:hover { color: #fff; border-color: #f7f9fa; -webkit-box-shadow: inset 0px 0px 56px 0px rgba(0, 0, 0, 0.02); -moz-box-shadow: inset 0px 0px 56px 0px rgba(0, 0, 0, 0.02); box-shadow: inset 0px 0px 56px 0px rgba(0, 0, 0, 0.02); -webkit-transform: scale(1.2, 1.2) translateY(-10px); -moz-transform: scale(1.2, 1.2) translateY(-10px); -ms-transform: scale(1.2, 1.2) translateY(-10px); -o-transform: scale(1.2, 1.2) translateY(-10px); transform: scale(1.2, 1.2) translateY(-10px); } .entry-content .coffee-shortcode.coffee-shortcode-feature .feature-title { font-size: 18px; text-transform: uppercase; letter-spacing: -1px; padding-top: 26px; margin-bottom: 6px; color: #404040; } .entry-content .coffee-shortcode.coffee-shortcode-feature.turquoise .feature-icon:hover { background-color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-feature.emerald .feature-icon:hover { background-color: #2ecc71; } .entry-content .coffee-shortcode.coffee-shortcode-feature.peter-river .feature-icon:hover { background-color: #3498db; } .entry-content .coffee-shortcode.coffee-shortcode-feature.amethyst .feature-icon:hover { background-color: #9b59b6; } .entry-content .coffee-shortcode.coffee-shortcode-feature.wet-asphalt .feature-icon:hover { background-color: #34495e; } .entry-content .coffee-shortcode.coffee-shortcode-feature.green-sea .feature-icon:hover { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-feature.nephritis .feature-icon:hover { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-feature.belize-hole .feature-icon:hover { background-color: #2980b9; } .entry-content .coffee-shortcode.coffee-shortcode-feature.wisteria .feature-icon:hover { background-color: #8e44ad; } .entry-content .coffee-shortcode.coffee-shortcode-feature.midnight-blue .feature-icon:hover { background-color: #2c3e50; } .entry-content .coffee-shortcode.coffee-shortcode-feature.sun-flower .feature-icon:hover { background-color: #f1c40f; } .entry-content .coffee-shortcode.coffee-shortcode-feature.carrot .feature-icon:hover { background-color: #e67e22; } .entry-content .coffee-shortcode.coffee-shortcode-feature.alizarin .feature-icon:hover { background-color: #e74c3c; } .entry-content .coffee-shortcode.coffee-shortcode-feature.clouds .feature-icon:hover { color: #999999; background-color: #ecf0f1; } .entry-content .coffee-shortcode.coffee-shortcode-feature.concrete .feature-icon:hover { background-color: #95a5a6; } .entry-content .coffee-shortcode.coffee-shortcode-feature.orange .feature-icon:hover { background-color: #f39c12; } .entry-content .coffee-shortcode.coffee-shortcode-feature.pumpkin .feature-icon:hover { background-color: #d35400; } .entry-content .coffee-shortcode.coffee-shortcode-feature.pomegranate .feature-icon:hover { background-color: #c0392b; } .entry-content .coffee-shortcode.coffee-shortcode-feature.silver .feature-icon:hover { background-color: #bdc3c7; } .entry-content .coffee-shortcode.coffee-shortcode-feature.asbestos .feature-icon:hover { background-color: #7f8c8d; } .entry-content .coffee-shortcode.coffee-shortcode-button { position: relative; display: inline-block; width: auto; cursor: pointer; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 9px 9px 7px 14px; margin: -7px 1px 16px 0; border: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-button i { color: inherit; font-size: 14px; padding-right: 6px; } .entry-content .coffee-shortcode.coffee-shortcode-button p { display: inline-block; margin-bottom: 0; padding-right: 6px; } .entry-content .coffee-shortcode.coffee-shortcode-button.turquoise { background-color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-button.emerald { background-color: #2ecc71; } .entry-content .coffee-shortcode.coffee-shortcode-button.peter-river { background-color: #3498db; } .entry-content .coffee-shortcode.coffee-shortcode-button.amethyst { background-color: #9b59b6; } .entry-content .coffee-shortcode.coffee-shortcode-button.wet-asphalt { background-color: #34495e; } .entry-content .coffee-shortcode.coffee-shortcode-button.green-sea { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-button.nephritis { background-color: #27ae60; } .entry-content .coffee-shortcode.coffee-shortcode-button.belize-hole { background-color: #2980b9; } .entry-content .coffee-shortcode.coffee-shortcode-button.wisteria { background-color: #8e44ad; } .entry-content .coffee-shortcode.coffee-shortcode-button.midnight-blue { background-color: #2c3e50; } .entry-content .coffee-shortcode.coffee-shortcode-button.sun-flower { background-color: #f1c40f; } .entry-content .coffee-shortcode.coffee-shortcode-button.carrot { background-color: #e67e22; } .entry-content .coffee-shortcode.coffee-shortcode-button.alizarin { background-color: #e74c3c; } .entry-content .coffee-shortcode.coffee-shortcode-button.clouds { color: #999999; background-color: #ecf0f1; } .entry-content .coffee-shortcode.coffee-shortcode-button.concrete { background-color: #95a5a6; } .entry-content .coffee-shortcode.coffee-shortcode-button.orange { background-color: #f39c12; } .entry-content .coffee-shortcode.coffee-shortcode-button.pumpkin { background-color: #d35400; } .entry-content .coffee-shortcode.coffee-shortcode-button.pomegranate { background-color: #c0392b; } .entry-content .coffee-shortcode.coffee-shortcode-button.silver { background-color: #bdc3c7; } .entry-content .coffee-shortcode.coffee-shortcode-button.asbestos { background-color: #7f8c8d; } .entry-content .coffee-shortcode.coffee-shortcode-button:hover { color: #fff; background-color: #404040; } .entry-content .coffee-shortcode.coffee-shortcode-bar { position: relative; display: inline-block; width: auto; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 0; width: 100%; margin: -7px 0 16px 0; border: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background-color: #f7f7f7; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner { position: relative; display: block; float: left; padding: 9px 0 7px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner .bar-percentage { position: absolute; display: block; right: 15px; top: 50%; margin-top: -12px; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.turquoise { background-color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.emerald { background-color: #2ecc71; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.peter-river { background-color: #3498db; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.amethyst { background-color: #9b59b6; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.wet-asphalt { background-color: #34495e; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.green-sea { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.nephritis { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.belize-hole { background-color: #2980b9; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.wisteria { background-color: #8e44ad; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.midnight-blue { background-color: #2c3e50; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.sun-flower { background-color: #f1c40f; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.carrot { background-color: #e67e22; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.alizarin { background-color: #e74c3c; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.clouds { color: #999999; background-color: #ecf0f1; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.concrete { background-color: #95a5a6; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.orange { background-color: #f39c12; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.pumpkin { background-color: #d35400; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.pomegranate { background-color: #c0392b; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.silver { background-color: #bdc3c7; } .entry-content .coffee-shortcode.coffee-shortcode-bar .bar-inner.asbestos { background-color: #7f8c8d; } .entry-content .coffee-shortcode.coffee-shortcode-pricing { position: relative; display: block; text-align: center; margin-bottom: 32px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header { text-transform: uppercase; letter-spacing: -1px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title { color: #fff; padding: 13px 20px 12px 20px; font-size: 18px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.turquoise { background-color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.emerald { background-color: #2ecc71; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.peter-river { background-color: #3498db; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.amethyst { background-color: #9b59b6; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.wet-asphalt { background-color: #34495e; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.green-sea { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.nephritis { background-color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.belize-hole { background-color: #2980b9; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.wisteria { background-color: #8e44ad; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.midnight-blue { background-color: #2c3e50; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.sun-flower { background-color: #f1c40f; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.carrot { background-color: #e67e22; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.alizarin { background-color: #e74c3c; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.clouds { color: #999999; background-color: #ecf0f1; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.concrete { background-color: #95a5a6; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.orange { background-color: #f39c12; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.pumpkin { background-color: #d35400; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.pomegranate { background-color: #c0392b; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.silver { background-color: #bdc3c7; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-title.asbestos { background-color: #7f8c8d; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-price { position: relative; display: block; background-color: #fefefe; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 26px 20px 17px 20px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-price .price { position: relative; display: block; color: #4c4c4c; letter-spacing: -3px; font-size: 36px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-header .pricing-header-price .price_per { margin-top: 7px; position: relative; display: block; color: #737373; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-list { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: 0; list-style: none; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-list .pricing-tab { padding: 13px 20px 12px 20px; background-color: #fefefe; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-list .pricing-tab p { margin-bottom: 0; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-list .pricing-tab .coffee-shortcode.coffee-shortcode-button { margin: 17px 20px 16px 20px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing .pricing-list .pricing-tab:nth-child(odd) { background-color: #f7f7f7; } .entry-content .coffee-shortcode.coffee-shortcode-pricing.featured { -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); } .entry-content .coffee-shortcode.coffee-shortcode-pricing.featured .pricing-header .pricing-header-title { font-size: 24px; letter-spacing: -2px; padding: 38px 20px 37px 20px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing.featured .pricing-list .pricing-tab .coffee-shortcode.coffee-shortcode-button { margin: 42px 20px 41px 20px; } .entry-content .coffee-shortcode.coffee-shortcode-pricing.no-featured { margin-top: 43px; } .entry-content .coffee-shortcode.coffee-shortcode-heading { margin-top: 0; position: relative; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0px 19px; background-repeat: repeat-x; background-image: url("img/title-bg.png"); } .entry-content .coffee-shortcode.coffee-shortcode-heading h1, .entry-content .coffee-shortcode.coffee-shortcode-heading h2, .entry-content .coffee-shortcode.coffee-shortcode-heading h3, .entry-content .coffee-shortcode.coffee-shortcode-heading h4, .entry-content .coffee-shortcode.coffee-shortcode-heading h5, .entry-content .coffee-shortcode.coffee-shortcode-heading h6 { position: relative; display: inline-block; padding-right: 34px; background-color: #fff; } .entry-content .coffee-shortcode.coffee-shortcode-heading h1:after, .entry-content .coffee-shortcode.coffee-shortcode-heading h2:after, .entry-content .coffee-shortcode.coffee-shortcode-heading h3:after, .entry-content .coffee-shortcode.coffee-shortcode-heading h4:after, .entry-content .coffee-shortcode.coffee-shortcode-heading h5:after, .entry-content .coffee-shortcode.coffee-shortcode-heading h6:after { content: ""; position: absolute; display: block; border: 1px solid #e5e5e5; height: 11px; width: 11px; right: 0; top: 25px; } .entry-content .coffee-shortcode.coffee-shortcode-heading:after { content: ""; position: absolute; display: block; background: #e5e5e5; height: 13px; width: 1px; right: 0; top: 25px; } .entry-content .coffee-shortcode.coffee-shortcode-list { margin-top: 0; list-style: none; } .entry-content .coffee-shortcode.coffee-shortcode-list li { position: relative; padding-left: 20px; } .entry-content .coffee-shortcode.coffee-shortcode-list li i { font-size: 12px; position: absolute; display: block; top: 6px; left: 0; pointer-events: none; } .entry-content .coffee-shortcode.coffee-shortcode-list li p { margin-bottom: 0; } .entry-content .coffee-shortcode.coffee-shortcode-list.turquoise i { color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-list.emerald i { color: #2ecc71; } .entry-content .coffee-shortcode.coffee-shortcode-list.peter-river i { color: #3498db; } .entry-content .coffee-shortcode.coffee-shortcode-list.amethyst i { color: #9b59b6; } .entry-content .coffee-shortcode.coffee-shortcode-list.wet-asphalt i { color: #34495e; } .entry-content .coffee-shortcode.coffee-shortcode-list.green-sea i { color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-list.nephritis i { color: #16a085; } .entry-content .coffee-shortcode.coffee-shortcode-list.belize-hole i { color: #2980b9; } .entry-content .coffee-shortcode.coffee-shortcode-list.wisteria i { color: #8e44ad; } .entry-content .coffee-shortcode.coffee-shortcode-list.midnight-blue i { color: #2c3e50; } .entry-content .coffee-shortcode.coffee-shortcode-list.sun-flower i { color: #f1c40f; } .entry-content .coffee-shortcode.coffee-shortcode-list.carrot i { color: #e67e22; } .entry-content .coffee-shortcode.coffee-shortcode-list.alizarin i { color: #e74c3c; } .entry-content .coffee-shortcode.coffee-shortcode-list.clouds i { color: #ecf0f1; } .entry-content .coffee-shortcode.coffee-shortcode-list.concrete i { color: #95a5a6; } .entry-content .coffee-shortcode.coffee-shortcode-list.orange i { color: #f39c12; } .entry-content .coffee-shortcode.coffee-shortcode-list.pumpkin i { color: #d35400; } .entry-content .coffee-shortcode.coffee-shortcode-list.pomegranate i { color: #c0392b; } .entry-content .coffee-shortcode.coffee-shortcode-list.silver i { color: #bdc3c7; } .entry-content .coffee-shortcode.coffee-shortcode-list.asbestos i { color: #7f8c8d; } .entry-content .coffee-shortcode.coffee-shortcode-accordion { margin-top: -15px; padding-bottom: 18px; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title { position: relative; display: block; width: 100%; background-color: #fafafa; border: 1px solid #e0e0e0; cursor: pointer; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 8px 15px 6px 35px; margin: 8px 0px 0px 0px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title a { color: #737373; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title i.icon-plus-sign, .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title i.icon-minus-sign { position: absolute; display: block; color: #999999; left: 15px; top: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title i.icon-plus-sign { opacity: 1; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title i.icon-minus-sign { opacity: 0; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title.ui-state-active a, .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title.ui-state-active i.icon-plus-sign, .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title.ui-state-active i.icon-minus-sign { color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title.ui-state-active i.icon-plus-sign { opacity: 0; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title.ui-state-active i.icon-minus-sign { opacity: 1; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title:hover a, .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title:hover i.icon-plus-sign, .entry-content .coffee-shortcode.coffee-shortcode-accordion .coffee-accordion-title:hover i.icon-minus-sign { color: #404040; } .entry-content .coffee-shortcode.coffee-shortcode-accordion .ui-accordion-content { padding: 24px 15px 0px 15px; display: none; background-color: #fefefe; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-accordion div:nth-child(2) { display: block; } .entry-content .coffee-shortcode.coffee-shortcode-toggle { margin-top: -15px; padding-bottom: 18px; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title { position: relative; display: block; width: 100%; background-color: #fafafa; border: 1px solid #e0e0e0; cursor: pointer; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); padding: 8px 15px 6px 35px; margin: 8px 0px 0px 0px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title a { color: #737373; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title i.icon-plus-sign, .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title i.icon-minus-sign { position: absolute; display: block; color: #999999; left: 15px; top: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title i.icon-plus-sign { opacity: 1; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title i.icon-minus-sign { opacity: 0; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title.ui-state-active a, .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title.ui-state-active i.icon-plus-sign, .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title.ui-state-active i.icon-minus-sign { color: #1abc9c; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title.ui-state-active i.icon-plus-sign { opacity: 0; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title.ui-state-active i.icon-minus-sign { opacity: 1; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title:hover a, .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title:hover i.icon-plus-sign, .entry-content .coffee-shortcode.coffee-shortcode-toggle .coffee-toggle-title:hover i.icon-minus-sign { color: #404040; } .entry-content .coffee-shortcode.coffee-shortcode-toggle .ui-accordion-content { padding: 24px 15px 0px 15px; background-color: #fefefe; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs { margin-top: -15px; padding-bottom: 16px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav { position: relative; display: block; margin-bottom: -1px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li { position: relative; display: inline-block; background-color: #fafafa; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; cursor: pointer; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); margin: 8px 0px 0px 0px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li a { position: relative; display: block; outline: none; color: #737373; padding: 8px 15px 6px 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li a:hover { color: #404040; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li.ui-state-active { border-bottom: none; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li.ui-state-active a { padding-bottom: 7px; color: #1abc9c; background-color: #fefefe; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li:last-child { border-right: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-content { background-color: #fefefe; border: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-content .tab-content { display: none; padding: 24px 15px 0px 15px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-content .tab-content:first-child { display: block; } .widget { position: relative; display: block; margin-bottom: 43px; } .widget .widget-title-wrapper { position: relative; display: block; margin-bottom: 16px; } .widget .widget-title-wrapper:after { content: ""; width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; } .widget .widget-title-wrapper .widget-title { position: relative; display: inline-block; padding-right: 20px; padding-bottom: 15px; text-transform: uppercase; letter-spacing: -1px; color: #404040; font-size: 16px; border-bottom: 1px solid #999; z-index: 20; } .widget.sidebar-widget a { color: #1abc9c; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.sidebar-widget a:hover { color: #404040; } .widget.footer-widget { color: #aaaaaa; } .widget.footer-widget .widget-title-wrapper:after { background-color: #404040; } .widget.footer-widget .widget-title-wrapper .widget-title { color: #eeeeee; border-bottom: 1px solid #666; } .widget.footer-widget.widget_text strong, .widget.footer-widget.widget_text b { font-weight: bold; color: #ccc; } .widget.footer-widget.widget_text a { color: #ccc; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.footer-widget.widget_text a:hover { color: #1abc9c; } .widget.footer-widget.widget_recent_entries ul li, .widget.footer-widget.coffee_tweets_widget ul li { border-bottom: 1px solid #262626; position: relative; } .widget.footer-widget.widget_recent_entries ul li:after, .widget.footer-widget.coffee_tweets_widget ul li:after { content: ''; display: block; position: absolute; background-color: #404040; width: 100%; height: 1px; bottom: -2px; } .widget.footer-widget.widget_recent_entries ul li:last-child:after, .widget.footer-widget.coffee_tweets_widget ul li:last-child:after { display: none; } .widget.footer-widget.widget_recent_entries ul li a, .widget.footer-widget.coffee_tweets_widget ul li a { color: #ccc; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.footer-widget.widget_recent_entries ul li a:hover, .widget.footer-widget.coffee_tweets_widget ul li a:hover { color: #1abc9c; } .widget.footer-widget.widget_recent_entries ul li span, .widget.footer-widget.coffee_tweets_widget ul li span { color: #777; } .widget.footer-widget.widget_tag_cloud .tagcloud a { color: #aaa; border: 1px solid #474747; } .widget.footer-widget.widget_tag_cloud .tagcloud a:hover { color: #fff; border-color: #1abc9c; background-color: transparent; } .widget.footer-widget.widget_search form fieldset input#s { background: #404040; border-bottom: 1px solid #555; color: #666; } .widget.footer-widget.widget_search form fieldset input#s:focus { color: #fff; border-bottom: 1px solid #999; } .widget.footer-widget.widget_categories .widget-title-wrapper .widget-title a, .widget.footer-widget.widget_recent_comments .widget-title-wrapper .widget-title a, .widget.footer-widget.widget_meta .widget-title-wrapper .widget-title a, .widget.footer-widget.widget_archive .widget-title-wrapper .widget-title a, .widget.footer-widget.widget_pages .widget-title-wrapper .widget-title a, .widget.footer-widget.widget_rss .widget-title-wrapper .widget-title a { color: inherit; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.footer-widget.widget_categories .widget-title-wrapper .widget-title a:hover, .widget.footer-widget.widget_recent_comments .widget-title-wrapper .widget-title a:hover, .widget.footer-widget.widget_meta .widget-title-wrapper .widget-title a:hover, .widget.footer-widget.widget_archive .widget-title-wrapper .widget-title a:hover, .widget.footer-widget.widget_pages .widget-title-wrapper .widget-title a:hover, .widget.footer-widget.widget_rss .widget-title-wrapper .widget-title a:hover { color: #1abc9c; } .widget.footer-widget.widget_categories ul li, .widget.footer-widget.widget_recent_comments ul li, .widget.footer-widget.widget_meta ul li, .widget.footer-widget.widget_archive ul li, .widget.footer-widget.widget_pages ul li, .widget.footer-widget.widget_rss ul li { border-bottom: 1px solid #262626; } .widget.footer-widget.widget_categories ul li .rss-date, .widget.footer-widget.widget_recent_comments ul li .rss-date, .widget.footer-widget.widget_meta ul li .rss-date, .widget.footer-widget.widget_archive ul li .rss-date, .widget.footer-widget.widget_pages ul li .rss-date, .widget.footer-widget.widget_rss ul li .rss-date { color: #777; } .widget.footer-widget.widget_categories ul li:after, .widget.footer-widget.widget_recent_comments ul li:after, .widget.footer-widget.widget_meta ul li:after, .widget.footer-widget.widget_archive ul li:after, .widget.footer-widget.widget_pages ul li:after, .widget.footer-widget.widget_rss ul li:after { content: ''; display: block; position: absolute; background-color: #404040; width: 100%; height: 1px; bottom: -2px; } .widget.footer-widget.widget_categories ul li:last-child:after, .widget.footer-widget.widget_recent_comments ul li:last-child:after, .widget.footer-widget.widget_meta ul li:last-child:after, .widget.footer-widget.widget_archive ul li:last-child:after, .widget.footer-widget.widget_pages ul li:last-child:after, .widget.footer-widget.widget_rss ul li:last-child:after { display: none; } .widget.footer-widget.widget_categories ul li a, .widget.footer-widget.widget_recent_comments ul li a, .widget.footer-widget.widget_meta ul li a, .widget.footer-widget.widget_archive ul li a, .widget.footer-widget.widget_pages ul li a, .widget.footer-widget.widget_rss ul li a { color: #ccc; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.footer-widget.widget_categories ul li a:hover, .widget.footer-widget.widget_recent_comments ul li a:hover, .widget.footer-widget.widget_meta ul li a:hover, .widget.footer-widget.widget_archive ul li a:hover, .widget.footer-widget.widget_pages ul li a:hover, .widget.footer-widget.widget_rss ul li a:hover { color: #1abc9c; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar { width: 100%; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar caption { background-color: #404040; border-top: 1px solid #353535; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar thead tr th { background-color: #313131; border-top: 1px solid #404040; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tfoot { background: #404040; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tfoot a { color: #ccc; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tfoot a:hover { color: #1abc9c; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tfoot tr td { border-bottom: 1px solid #353535; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tbody tr { background-color: #515151; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tbody tr td { border-bottom: 1px solid #333; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tbody tr:nth-child(2n+1) { background-color: #515151; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tbody a { color: #ccc; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.footer-widget.widget_calendar #calendar_wrap #wp-calendar tbody a:hover { color: #1abc9c; } .widget.footer-widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a { border: 3px solid #474747; padding: 0px; } .widget.footer-widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a .entry-media-overlay { left: 0; right: 0; top: 0; bottom: 0; } .widget.footer-widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a:hover { border: 3px solid #1abc9c; } .widget.footer-widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a:hover .entry-media-overlay { background-color: rgba(0, 0, 0, 0.5); } .widget.footer-widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a:hover .entry-media-overlay .entry-media-permalink { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .widget.widget_text strong, .widget.widget_text b { font-weight: bold; color: #555; } .widget.widget_text p { margin-bottom: 25px; } .widget.widget_text p:last-child { margin-bottom: 0; } .widget.widget_recent_entries, .widget.coffee_tweets_widget { margin-bottom: 43px; } .widget.widget_recent_entries ul li, .widget.coffee_tweets_widget ul li { border-bottom: 1px solid #e6e6e6; margin-bottom: 13px; padding-bottom: 11px; } .widget.widget_recent_entries ul li span, .widget.coffee_tweets_widget ul li span { font-size: 12px; color: #aaaaaa; display: block; margin-top: 1px; } .widget.widget_recent_entries ul li:last-child, .widget.coffee_tweets_widget ul li:last-child { border-bottom: none; padding-bottom: 0; margin: 0; } .widget.widget_tag_cloud .tagcloud a { position: relative; display: inline-block; text-decoration: none; color: #666; border: 1px solid #bfbfbf; padding: 2px 9px 1px 9px; margin: 7px 10px 3px 0; background-color: rgba(26, 188, 156, 0); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: 14px !important; } .widget.widget_tag_cloud .tagcloud a:hover { color: #fff; border-color: #1abc9c; background-color: #1abc9c; } .widget.widget_tag_cloud .tagcloud a:last-child { margin-right: 0; } .widget.widget_search form { position: relative; display: block; } .widget.widget_search form fieldset { position: relative; display: block; padding-right: 40px; } .widget.widget_search form fieldset input#s { position: relative; display: block; padding: 0; margin: 0; border: 0; background: #fcfcfc; border-bottom: 1px solid #e5e5e5; display: block; font-size: 14px; line-height: 25px; color: #aaa; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; outline: none; width: 100%; padding: 13px 20px 11px 20px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.widget_search form fieldset input#s:focus { color: #444; border-bottom: 1px solid #999; } .widget.widget_categories ul li, .widget.widget_recent_comments ul li, .widget.widget_meta ul li, .widget.widget_archive ul li, .widget.widget_pages ul li, .widget.widget_rss ul li { position: relative; display: block; border-bottom: 1px solid #e6e6e6; margin-bottom: 13px; padding-bottom: 11px; } .widget.widget_categories ul li:last-child, .widget.widget_recent_comments ul li:last-child, .widget.widget_meta ul li:last-child, .widget.widget_archive ul li:last-child, .widget.widget_pages ul li:last-child, .widget.widget_rss ul li:last-child { border-bottom: none; padding-bottom: 0; margin: 0; } .widget.widget_categories a, .widget.widget_meta a, .widget.widget_archive a, .widget.widget_pages a { position: relative; display: inline-block; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: #404040; overflow: hidden; } .widget.widget_categories a:after, .widget.widget_meta a:after, .widget.widget_archive a:after, .widget.widget_pages a:after { content: '\f105'; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; color: #1abc9c; position: absolute; display: block; left: 0px; top: 0; opacity: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.widget_categories a:hover, .widget.widget_meta a:hover, .widget.widget_archive a:hover, .widget.widget_pages a:hover { color: #1abc9c; padding-left: 10px; } .widget.widget_categories a:hover:after, .widget.widget_meta a:hover:after, .widget.widget_archive a:hover:after, .widget.widget_pages a:hover:after { opacity: 1; } .widget.widget_rss li .rss-date { font-size: 12px; color: #aaaaaa; display: block; margin-top: 1px; } .widget.widget_rss li .rssSummary { display: block; margin-top: -1px; } .widget.widget_calendar #calendar_wrap { position: relative; display: block; } .widget.widget_calendar #calendar_wrap #wp-calendar { width: 100%; } .widget.widget_calendar #calendar_wrap #wp-calendar caption { text-align: center; font-weight: bold; background-color: #ebeff2; border-top: 1px solid #e5e5e5; padding: 12px 20px; } .widget.widget_calendar #calendar_wrap #wp-calendar thead { text-align: center; line-height: 24px; } .widget.widget_calendar #calendar_wrap #wp-calendar thead tr th { text-align: center; font-weight: bold; background-color: #ebeff2; border-top: 1px solid #e5e5e5; } .widget.widget_calendar #calendar_wrap #wp-calendar tfoot { background: white; line-height: 24px; } .widget.widget_calendar #calendar_wrap #wp-calendar tfoot tr td { border-bottom: 1px solid #e5e5e5; } .widget.widget_calendar #calendar_wrap #wp-calendar tfoot tr td#prev { text-align: center; } .widget.widget_calendar #calendar_wrap #wp-calendar tfoot tr td#next { text-align: center; } .widget.widget_calendar #calendar_wrap #wp-calendar tbody { text-align: center; line-height: 24px; } .widget.widget_calendar #calendar_wrap #wp-calendar tbody tr { background-color: #ebeff2; } .widget.widget_calendar #calendar_wrap #wp-calendar tbody tr td { text-align: center; border-bottom: 1px solid #e5e5e5; } .widget.widget_calendar #calendar_wrap #wp-calendar tbody tr:nth-child(2n+1) { background-color: #f7f7f7; } .widget.coffee_portfolio_widget { margin-bottom: 41px; } .widget.coffee_portfolio_widget .widget-title-wrapper { margin-bottom: 22px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid { position: relative; display: block; width: 100%; margin-left: -6px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul { position: relative; display: block; margin-right: -12px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li { position: relative; display: block; float: left; padding: 0 6px 12px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a { position: relative; display: inline-block; border: 1px solid #d9d9d9; padding: 2px; width: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a img { width: 100%; height: auto; vertical-align: bottom; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a .entry-media-overlay { position: absolute; display: block; left: 2px; right: 2px; bottom: 2px; top: 2px; background-color: rgba(0, 0, 0, 0); z-index: 20; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a .entry-media-overlay .entry-media-permalink { position: absolute; display: block; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; top: 50%; left: 50%; opacity: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a .entry-media-overlay .entry-media-permalink i { position: absolute; display: block; margin-left: -9px; margin-top: -9px; top: 50%; left: 50%; font-size: 19px; color: #fff; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a:hover { border: 1px solid #1abc9c; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a:hover .entry-media-overlay { background-color: rgba(0, 0, 0, 0.5); } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a:hover .entry-media-overlay .entry-media-permalink { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .widget.coffee_flickr_widget { margin-bottom: 39px; } .widget.coffee_flickr_widget .widget-title-wrapper { margin-bottom: 22px; } .widget.coffee_flickr_widget .flickr { position: relative; display: block; width: 100%; margin-left: -6px; } .widget.coffee_flickr_widget .flickr .flickr_inner { position: relative; display: block; margin-right: -12px; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image { position: relative; display: block; float: left; padding: 0 6px 12px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image a { position: relative; display: block; width: 100%; background: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image a img { width: 100%; height: auto; max-width: 61px; vertical-align: bottom; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image a:hover img { opacity: .5; } .widget:last-child { margin-bottom: 66px; } #call-to-action-wrapper { background-image: url("img/call-bg.jpg"); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #call-to-action-wrapper #call-to-action { text-transform: uppercase; letter-spacing: -2px; color: #4a4a4a; font-size: 24px; line-height: 50px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05); padding: 63px 0px 62px 0; background-position: 50% 50%; background-repeat: repeat; text-align: center; } #call-to-action-wrapper #call-to-action p { position: relative; display: block; padding: 0 10px; } #call-to-action-wrapper #call-to-action a { font-size: 14px; line-height: 14px; position: relative; display: inline-block; padding: 18px 20px; margin: 0px 0px 0px 25px; border: none; background: #1abc9c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; letter-spacing: -1px; color: #fff; font-size: 14px; line-height: 14px; vertical-align: bottom; } #call-to-action-wrapper #call-to-action a:hover { background: #34495e; } #twitterfeed-wrapper { background: #1abc9c; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; display:none; } #twitterfeed-wrapper #twitterfeed { color: #fff; padding: 13px 10px 12px 10px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #twitterfeed-wrapper #twitterfeed i { font-size: 16px; position: absolute; display: block; left: 9px; top: 50%; margin-top: -8px; } #twitterfeed-wrapper #twitterfeed ul { display: block; position: relative; padding-left: 23px; min-height: 25px; width: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #twitterfeed-wrapper #twitterfeed ul li { display: none; } #twitterfeed-wrapper #twitterfeed ul li:first-child { display: list-item; } #twitterfeed-wrapper #twitterfeed ul li a { color: inherit; text-decoration: underline; } #footer-wrapper { background-image: url("img/dark-bg.png"); border-bottom: 1px solid #404040; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #footer-wrapper #footer .footer-content-column-wrapper { position: relative; display: block; float: left; width: 25%; } #footer-wrapper #footer .footer-content-column-wrapper .footer-content-column { position: relative; display: block; margin: 75px 20px 0 20px; } #footer-wrapper #footer .footer-clearfix { display: none; } #bottom-footer-wrapper { background-image: url("img/bottom-bg.jpg"); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-top: 1px solid #1a1a1a; color: #777777; font-size: 12px; padding: 26px 0 23px 0; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper { position: relative; display: block; float: left; width: 50%; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column { position: relative; display: block; margin: 0 10px; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .copyrights a { font-weight: bold; color: #aaaaaa; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .copyrights a:hover { color: #1abc9c; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li { position: relative; display: inline-block; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li .sub-menu { position: relative; display: inline-block; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li a { color: #777777; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li a:hover { color: #1abc9c; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li a:after { content: ' /'; color: #777777; font-weight: normal; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li.current-menu-item > a, #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li.current_page_item > a { color: #aaaaaa; font-weight: bold; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column .footer-nav ul li:last-child a:after { display: none; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper:first-child { text-align: left; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper:last-child { float: right; text-align: right; } .body-font { font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Avnir", Arial, sans-serif; } .heading-font { font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Avnir", Arial, sans-serif; } @media only screen and (max-width: 1200px) { #page-wrapper #header-wrapper #header { max-width: 960px; } #page-wrapper #parallax-wrapper #parallax-inner { max-width: 960px; } #page-wrapper #content-wrapper #content { max-width: 960px; } #page-wrapper #content-wrapper #call-to-action-wrapper #call-to-action { max-width: 960px; } #page-wrapper #content-wrapper #twitterfeed-wrapper #twitterfeed { max-width: 940px; } #page-wrapper #content-wrapper #footer-wrapper #footer { max-width: 960px; } #page-wrapper #content-wrapper #bottom-footer-wrapper #bottom-footer { max-width: 960px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid { margin-left: -9px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul { margin-right: -18px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li { padding: 0 9px 18px 9px; } .widget.coffee_flickr_widget .flickr { margin-left: -9px; } .widget.coffee_flickr_widget .flickr .flickr_inner { margin-right: -18px; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image { padding: 0 9px 18px 9px; } } @media only screen and (max-width: 960px) { #header-wrapper #header #header-navigation-wrapper #header-navigation #socialNet { float:none; margin:0 auto; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li a { margin:0; padding:0; color: #333333; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul { margin-top: 0; } #header-wrapper #header #header-logo-wrapper #header-logo { margin-top: 15px; } #header-wrapper { height: 145px; } #header-wrapper #header #header-logo-wrapper { margin-top: -18.5px; width: 50%; } #header-wrapper #header #header-navigation-wrapper { width: 100%; } #header-wrapper #header #header-navigation-wrapper #header-navigation-mobile { position: relative; display: block; text-align: right; padding: 25px 0px; } #header-wrapper #header #header-navigation-wrapper #header-navigation-mobile i { position: relative; cursor: pointer; display: inline-block; padding: 11px 5px; font-size: 23px; color: #4A4A4A; } .socialBanner { padding: 0px 60px 20px 0px !important; margin: 10px; } #header-wrapper #header #header-navigation-wrapper #header-navigation { position: absolute; display: none; background-color:#ffffff; /*background-image: url("img/dark-bg.png");*/ z-index: 50; width: 100%; -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.14); } #header-wrapper #header #header-navigation-wrapper #header-navigation ul { position: relative; display: block; text-align: right; width: 100%; text-align: center; padding: 0 50px 10px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li { position: relative; display: block; width: 100%; margin: inherit !important; color: #eee; padding: 12px 0 0 0 !important; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li:after { content: ""; position: absolute; display: block; left: 0; bottom: -13px; width: 100%; height: 0px; /*border: 0.2px solid #D3D3D3;*/ background-color: #404040; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li:last-child:after { display: none; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu { position: relative; display: block; width: 100%; left: 0; margin-left: 0; background: none; padding: 0; font-size: 14px; letter-spacing: -1.5px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu:after { display: none; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu li a { color: #666; font-size: 12px; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu li { margin: inherit !important; font-size: 14px; letter-spacing: -1.5px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu li:after { content: ""; position: absolute; display: block; left: 0; top: 9px; width: 100%; height: 0px; /*border: 0.2px solid #D3D3D3; */ background-color: #404040; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu li:last-child { margin: inherit !important; /*padding: 25px 0 0 0 !important;*/ } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li .sub-menu li:last-child:after { display: block; } #page-wrapper #header-wrapper { position: relative; } #page-wrapper #header-wrapper #header { max-width: 768px; } #page-wrapper #parallax-wrapper { position: relative; margin-top: 0 !important; } #page-wrapper #parallax-wrapper #parallax-inner { max-width: 768px; } #page-wrapper #content-wrapper { margin-top: 0!important; } #page-wrapper #content-wrapper #content { max-width: 768px; } #page-wrapper #content-wrapper #call-to-action-wrapper #call-to-action { max-width: 768px; } #page-wrapper #content-wrapper #twitterfeed-wrapper #twitterfeed { max-width: 748px; } #page-wrapper #content-wrapper #footer-wrapper #footer { max-width: 768px; } #page-wrapper #content-wrapper #bottom-footer-wrapper #bottom-footer { max-width: 768px; } #content #portfolio-grid article, #content #team-grid article, #content #grid-blog-type article { width: 33.33%; } #content #large-blog-type { width: 75%; margin-bottom: 43px; } #content #large-blog-type .content-column { margin-right: 30px; margin-top: 0px; } #content #large-blog-type.left-sidebar .content-column { margin-left: 30px; margin-right: 10px; } #content #large-blog-type article .entry-aside { display: none; } #content #large-blog-type article .entry-inner { padding-left: 0px; } #content #medium-blog-type article { padding-bottom: 41px; min-height: 208px; } #content #medium-blog-type article .entry-aside { width: 178px; } #content #medium-blog-type article .entry-inner { padding-left: 198px; } #content #large-blog-type.single-post .content-column .entry-comments-wrapper, #content #medium-blog-type.single-post .content-column .entry-comments-wrapper { padding-left: 0px; } #content #large-blog-type.single-post .content-column .respond-wrapper, #content #medium-blog-type.single-post .content-column .respond-wrapper { padding-left: 0px; } #content #half-aside-wrapper { width: 100%; } #content #half-aside-wrapper .content-column { margin-top: 75px; margin-bottom: 42px; } #content #single-aside-wrapper { width: 100%; } #content #single-aside-wrapper .content-column { margin-top: 75px; margin-bottom: 64px; } #content #large-portfolio-type { width: 100%; } #content #large-portfolio-type .content-column { margin-top: 0px; } #content #large-portfolio-type .content-column article .entry-inner .entry-media-wrapper .entry-media { margin-bottom: 0px; } #content #large-portfolio-type.left-aside .content-column { margin-left: 10px; margin-bottom: 75px; } #content #large-portfolio-type.right-aside .content-column { margin-right: 10px; margin-top: 75px; } #content #medium-portfolio-type { width: 100%; } #content #medium-portfolio-type .content-column { margin-top: 0px; margin-left: 10px; margin-right: 10px; } #content #medium-portfolio-type .content-column article .entry-inner .entry-media-wrapper .entry-media { margin-bottom: 0px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item { width: 33.33%; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid { margin-left: -5px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul { margin-right: -10px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li { padding: 0 5px 10px 5px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a { max-width: 50px; } .widget.coffee_flickr_widget .flickr { margin-left: -5px; } .widget.coffee_flickr_widget .flickr .flickr_inner { margin-right: -10px; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image { padding: 0 5px 10px 5px; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image a img { max-width: 50px; } #call-to-action-wrapper #call-to-action p span { display: block; } #call-to-action-wrapper #call-to-action p a { margin-left: 0; } } @media only screen and (max-width: 890px) { #world-tour-top { background: url('img/jazzyWorld_top5.png') top left /contain no-repeat ;margin:-20px auto 0;} #world-tour-top h1 { padding: 50px 0 12px 25%; width: 65%;} #world-tour-top p {font-size: 16px;line-height: 24px;padding: 0px 0 0 25%;width: 65%;max-width:480px;} } @media only screen and (max-width: 768px) { #world-tour-top { background: url('img/jazzyWorld_top6.png') top left /contain no-repeat;height:570px;} #world-tour-top p {font-size: 14px;line-height: 20px;} #parallax-wrapper #parallax-inner #parallax-title-wrapper #parallax-title { font-size: 36px; } #page-wrapper #header-wrapper #header { max-width: 600px; } #page-wrapper #parallax-wrapper #parallax-inner { max-width: 480px; } #page-wrapper #content-wrapper #content { max-width: 480px; } #page-wrapper #content-wrapper #call-to-action-wrapper #call-to-action { max-width: 480px; } #page-wrapper #content-wrapper #twitterfeed-wrapper #twitterfeed { max-width: 460px; } #page-wrapper #content-wrapper #footer-wrapper #footer { max-width: 480px; } #page-wrapper #content-wrapper #bottom-footer-wrapper #bottom-footer { max-width: 480px; } #content #portfolio-grid article, #content #team-grid article, #content #grid-blog-type article { width: 50%; } #content #large-blog-type { width: 100%; margin-bottom: 40px; } #content #large-blog-type .content-column { margin-right: 10px; } #content #large-blog-type.left-sidebar .content-column { margin-left: 10px; margin-right: 10px; } #content #medium-blog-type { width: 100%; margin-bottom: 40px; } #content #medium-blog-type .content-column { margin-right: 10px; } #content #medium-blog-type.left-sidebar .content-column { margin-left: 10px; margin-right: 10px; } #content #mini-blog-type { width: 100%; margin-bottom: 47px; } #content #mini-blog-type .content-column { margin-right: 10px; } #content #mini-blog-type.left-sidebar .content-column { margin-left: 10px; margin-right: 10px; } #content #mini-blog-type article { margin-top: 25px; padding-bottom: 24px; margin-bottom: 0px; border-bottom: 1px solid #e6e6e6; width: 100%; } #content #mini-blog-type article .entry-aside { position: absolute; display: block; left: 0px; top: 0; width: 50px; height: 100%; z-index: 60; } #content #mini-blog-type article .entry-aside .entry-media-wrapper .entry-media:hover .entry-media-arrow-right { right: -10px; } #content #mini-blog-type article .entry-inner { position: relative; display: block; float: left; padding-left: 70px; z-index: 50; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content #mini-blog-type article.nothumbnail .entry-inner { padding-left: 0; } #content #mini-blog-type #pagination { margin-top: 32px; margin-bottom: 11px; } #content #sidebar-wrapper { width: 100%; } #content #sidebar-wrapper .content-column { margin-top: 0px; } #content #page-template { width: 100%; margin-bottom: 43px; } #content #page-template .content-column { margin-right: 10px; margin-top: 32px; } #content #page-template.left-sidebar .content-column { margin-left: 10px; margin-right: 10px; } #content #contact-template { width: 100%; margin-bottom: 43px; } #content #contact-template .content-column { margin-right: 10px; margin-top: 32px; } #content #contact-template.left-sidebar .content-column { margin-left: 10px; margin-right: 10px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item { width: 50%; } .entry-content .coffee-column.coffee-column-one-one, .entry-content .coffee-column.coffee-column-one-half, .entry-content .coffee-column.coffee-column-one-third, .entry-content .coffee-column.coffee-column-two-third, .entry-content .coffee-column.coffee-column-three-fourth, .entry-content .coffee-column.coffee-column-one-fourth { margin-right: 0; width: 100%; } .entry-content .coffee-shortcode.coffee-shortcode-tabs { margin-top: -15px; padding-bottom: 16px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav { position: relative; display: block; margin-bottom: -1px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li { position: relative; display: inline-block; width: 100%; background-color: #fafafa; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; cursor: pointer; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-size: 11px; line-height: 25px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); margin: -1px 0px 0px 0px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li a { position: relative; display: block; outline: none; color: #737373; padding: 8px 15px 6px 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li a:hover { color: #404040; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li.ui-state-active { border-bottom: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li.ui-state-active a { padding-bottom: 6px; color: #1abc9c; background-color: #fefefe; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li:first-child { margin-top: 8px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li:last-child { border-right: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-content { background-color: #fefefe; border: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-content .tab-content { display: none; padding: 24px 15px 0px 15px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-content .tab-content:first-child { display: block; } .entry-content .coffee-shortcode.coffee-shortcode-pricing.no-featured { margin-top: 0; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid { margin-left: -6px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul { margin-right: -12px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li { padding: 0 6px 12px 6px; } .widget.coffee_portfolio_widget .coffee_portfolio_widget_grid ul li a { max-width: none; } .widget.coffee_flickr_widget .flickr { margin-left: -6px; } .widget.coffee_flickr_widget .flickr .flickr_inner { margin-right: -12px; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image { padding: 0 6px 12px 6px; } .widget.coffee_flickr_widget .flickr .flickr_inner .flickr_badge_image a img { max-width: 61px; } #footer-wrapper #footer .footer-content-column-wrapper { width: 50%; } #footer-wrapper #footer .footer-content-column-wrapper .footer-content-column { position: relative; display: block; margin: 75px 10px 0 10px; } #footer-wrapper #footer .footer-content-column-wrapper:nth-child(n+3) .footer-content-column { margin-top: -25px; } #footer-wrapper #footer .footer-clearfix { display: block; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper { width: 100%; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper .bottom-footer-content-column { margin: 0 10px; } #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper:first-child, #bottom-footer-wrapper #bottom-footer .bottom-footer-content-column-wrapper:last-child { text-align: center; } } @media only screen and (max-width: 520px) { #page-wrapper #header-wrapper #header { max-width: 480px; } #header-wrapper #header #header-logo-wrapper #header-logo a img { max-width: 150%; } .home_signup #mce-EMAIL { width: 56%;} #world-tour-top h1 {font-size: 18px;padding:0px 0 12px 15%;} #world-tour-top p {padding-left:15%;} #world-tour-top {background:none;} #world-tour-middle {background:none;} #world-tour-book {height:1100px;} #world-tour-middle-back {background:url("img/jazzyWorld_back_all.png") center 35px / contain repeat-x scroll transparent;max-height:610px;} } @media only screen and (max-width: 420px) { #world-tour-book {height:900px;} #header-wrapper #header #header-logo-wrapper #header-logo a img { max-width: 140%; } #header-wrapper #header #header-logo-wrapper #header-logo { margin-top: 12px; } #header-wrapper { height: 118px; } #footerReview img { margin-left: 0px; } .wapper_home_clouds_new { height: 940px; } .home_jazzyDay_new { background: transparent; } .home_jazzyDayText { float:left; margin-left:20px; margin-top:0;} .home_jazzyWorldText_new { margin-top:50px;} .home_product {margin-left: -45px;} .home_bcv {height:490px;} .inner_wrapper_bcv {min-height:490px;} .home_signup label, .home_signup input {font-size:16px;line-height: 13px;} .home_signup label {max-width:85%; margin:0 10px;} .home_signup .response {max-width:85%; margin:0 25px;} .home_signup #mce-EMAIL { width: 54%;} } @media only screen and (max-width: 725px) { .home_signup label {margin:0 10px;} .home_jazzyDay_new { background: transparent; } .home_jazzyDayText { float:left; margin-left:20px; margin-top:0;} .home_jazzyWorldText_new { margin-top:50px; margin-right:5px;} .mc_embed_signup_right { float: none; margin: 0;} .home_signup .home_signup_img { background: transparent; height: 0; margin: 0; width: 0; } #header-wrapper #header #header-navigation-wrapper #header-navigation ul li ul { margin-left: 0px; margin-top:0px; } } @media only screen and (max-width: 480px) { .awardsBannerLong { width:100%; margin-bottom: 20px; } .awardsBanner { width:60%; margin-bottom: 20px; } #buyBanner { float:left; width:70%; margin: 0px !important; } #productTitle { font-size: 22px; line-height: 29px; font-weight: 500; } #productSubTitle { font-size: 25px; line-height: 29px; font-weight: 500; color: #999; float:left; width: 100%; letter-spacing: 0; } #header-wrapper #header #header-logo-wrapper #header-logo a img { max-width: 150%; } #parallax-wrapper #parallax-inner #parallax-aside-wrapper { display: none; } #page-wrapper #header-wrapper #header { max-width: 300px; } #page-wrapper #parallax-wrapper #parallax-inner { max-width: 300px; } #page-wrapper #content-wrapper #content { max-width: 300px; } #page-wrapper #content-wrapper #call-to-action-wrapper #call-to-action { max-width: 300px; } #page-wrapper #content-wrapper #twitterfeed-wrapper #twitterfeed { max-width: 280px; } #page-wrapper #content-wrapper #footer-wrapper #footer { max-width: 300px; } #page-wrapper #content-wrapper #bottom-footer-wrapper #bottom-footer { max-width: 300px; } #content #portfolio-grid article, #content #team-grid article, #content #grid-blog-type article { width: 100%; } #content #portfolio-grid article .entry-inner, #content #team-grid article .entry-inner, #content #grid-blog-type article .entry-inner { opacity: 1 !important; } #content #medium-blog-type article { padding-bottom: 41px; min-height: none; } #content #medium-blog-type article .entry-media-wrapper .entry-media .entry-media-arrow-right { right: auto; top: auto; bottom: -2px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #content #medium-blog-type article .entry-aside { position: relative; width: 100%; } #content #medium-blog-type article .entry-inner { padding-left: 0px; } #content .carousel-wrapper .content-column .carousel-items-wrapper .carousel-items .carousel-item { width: 100%; } .entry-content .coffee-column.coffee-column-one-one, .entry-content .coffee-column.coffee-column-one-half, .entry-content .coffee-column.coffee-column-one-third, .entry-content .coffee-column.coffee-column-two-third, .entry-content .coffee-column.coffee-column-three-fourth, .entry-content .coffee-column.coffee-column-one-fourth { position: relative; display: block; float: left; margin-right: 0; width: 100%; } .entry-content .coffee-shortcode.coffee-shortcode-tabs { margin-top: -15px; padding-bottom: 16px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav { position: relative; display: block; margin-bottom: -1px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li { width: 100%; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: -1px 0px 0px 0px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li.ui-state-active { border-bottom: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li:first-child { margin-top: 8px; } .entry-content .coffee-shortcode.coffee-shortcode-tabs .tabs-nav li:last-child { border-right: 1px solid #e0e0e0; } .entry-content .coffee-shortcode.coffee-shortcode-pricing.no-featured { margin-top: 0; } #call-to-action-wrapper #call-to-action p a { width: 100%; margin-left: 0; } #footer-wrapper #footer .footer-content-column-wrapper { width: 100%; } #footer-wrapper #footer .footer-content-column-wrapper:nth-child(n+2) .footer-content-column { margin-top: -25px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }