/* ================================================== Stylesheet:Eastern ENT - Main Styles Version:1.x Author:Benjamin Nicoll - @BEN_NICOLL Website:http://www.easternent.com.au core = Drupal 7.x base theme = bootstrap (Twitter Bootstrap v2.3.2) ================================================== */ /* ================================================== Basic Styles ================================================== */ html, hmtl a { width:100%; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { background:#FFFFFF; color:#323A45; font-weight:300; font-size:14px; font-family:'Open Sans', sans-serif; line-height:28px; } a { color:#39B54A; text-decoration:none; cursor:pointer; -webkit-transition:color 0.15s ease-in-out 0s; -moz-transition:color 0.15s ease-in-out 0s; -o-transition:color 0.15s ease-in-out 0s; transition:color 0.15s ease-in-out 0s; } a:hover, a:active, a:focus { outline:0; color:#39B54A; text-decoration:underline; } a img { border:none; } a > img { vertical-align:bottom; } img { max-width:none; } strong { font-weight:700; } p { margin:0 0 20px; } hr { border-style:solid; border-color:#E6E6E6; border-bottom:none; border-left:none; border-right:none; margin:20px 0 40px; } ul, ol { margin:0 0 20px 0px; padding:0; } ul { list-style:square; margin-left:20px; } ol { list-style:decimal inside; } li { line-height:30px; } address { display:block; font-style:normal; line-height:24px; margin-bottom:20px; } .align-left { float:left; margin:0 25px 0 0px!important; } .align-right { float:right; margin:0 0 0 25px!important; } .text-align-left { text-align:left; } .text-align-center { text-align:center; } .text-align-right { text-align:right; } .through { text-decoration:line-through; } input, button, select, textarea { font-weight:400; font-family:'Open Sans', sans-serif; outline:0; -webkit-appearance:none; } input:focus, textarea:focus, input[type="text"]:focus { outline:0; } input::input-placeholder, textarea::input-placeholder { color:#BCBCC4; opacity:1; } input:-moz-placeholder, textarea:-moz-placeholder { color:#BCBCC4; opacity:1; } input::-moz-placeholder, textarea::-moz-placeholder { color:#BCBCC4; opacity:1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#BCBCC4; opacity:1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#BCBCC4; opacity:1; } /* ================================================== Responsive Images Requirements ================================================== */ span[data-picture-group="article_image"] /* ================================================== Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color:#323A45; font-family:'Open Sans', sans-serif; font-weight:600; line-height:1.5em; margin:0 0 10px 0; } h1 { font-size:48px; } h2 { font-size:28px; } h3 { font-size:22px; } h4 { font-size:18px; } h5 { font-size:14px; } h6 { font-size:12px; } /* ================================================== Code and Pre ================================================== */ code, pre { color:#232527; font-family:Monaco, Menlo, Consolas, "Courier New", monospace; font-size:12px; padding:0 3px 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } code { background-color:#F6F6F6; border:1px solid #dde4e9; color:#232527; padding:2px 4px; white-space:nowrap; } pre { background-color:#FCFCFC; border:1px solid #dde4e9; display:block; font-size:12px; line-height:20px; margin:30px; padding:15px; white-space:pre; white-space:pre-wrap; word-break:break-all; word-wrap:break-word; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } pre code { background-color:transparent; border:0; color:inherit; padding:0; white-space:pre; white-space:pre-wrap; } .pre-scrollable { max-height:340px; overflow-y:scroll; } /* ================================================== Margin Bottom Sets ================================================== */ .margin-0 { margin-bottom:0 !important; } .margin-10 { margin-bottom:10px !important; } .margin-15 { margin-bottom:15px !important; } .margin-20 { margin-bottom:20px !important; } .margin-30 { margin-bottom:30px !important; } .margin-40 { margin-bottom:40px !important; } .margin-50 { margin-bottom:50px !important; } .margin-60 { margin-bottom:60px !important; } .margin-70 { margin-bottom:70px !important; } .margin-80 { margin-bottom:80px !important; } .margin-90 { margin-bottom:90px !important; } .margin-100 { margin-bottom:100px !important; } /* ================================================== Header ================================================== */ /* Drupal Admin Bar Fix */ header { margin-top:; } header { background:#002E45; left:0; position:fixed; top:0; width:100%; z-index:1001; } header .logo { margin-bottom:5px; margin-top:5px; } header #logo a { color:#FFFFFF; font-size:28px; font-weight:700; letter-spacing:-0.6px; line-height:100px; text-transform:uppercase; } header #logo a:hover { color:#39B54A; } /* Site Slogan */ .siteslogan h1 { border-left:2px solid #FFFFFF; color:#FFFFFF; font-family:'Open Sans', sans-serif; float:left; font-size:14px; font-weight:200; margin-top:20px; padding:20px 0px 7px 30px; text-align:justify; text-transform:uppercase; } /* Navigation */ #navigation { background:#E9F0F4; } nav#menu { float:left; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } .caret { display:none; } ul.menu { margin:0; padding:0; } ul.menu li { float:left; list-style:none; position:relative; } ul.menu li a { color:#002E45; display:block; font-size:16px; font-weight:normal; letter-spacing:-0.2px; padding:3px 38px; text-transform:capitalize; } ul.menu li:last-child { padding-right:0; } ul.menu li a:hover { background:#39B54A; color:#FFFFFF; } ul.menu li a.active { background:#39B54A; color:#FFFFFF; } /* 2nd level skin */ ul.menu ul { padding:0; background:#E9F0F4; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } ul.menu ul li { background:none; float:none; line-height:20px; padding:0; position:relative; } ul.menu ul li:last-child { border:0; } ul.menu ul li a { color:#323A45; font-size:14px; font-weight:normal; height:35px; line-height:35px; padding:0px 15px 0px; text-align:left; text-transform:capitalize; } /* ================================================== Mobile Navigation ================================================== */ #mobile-nav { display:none; } .menu-nav { display:block; height:60px; position:relative; width:60px; } .menu-nav .menu-icon { background:url(../img/menu-mobile.png) 0 0 no-repeat; height:16px; margin:-8px 0 0 0; position:absolute; right:0; top:50%; width:16px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:-webkit-transform 250ms ease-out 0s; -moz-transition:-moz-transform 250ms ease-out 0s; -o-transition:-o-transform 250ms ease-out 0s; transition:transform 250ms ease-out 0s; } .menu-nav.open .menu-icon { background-position:0 -16px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:-webkit-transform 250ms ease-out 0s; -moz-transition:-moz-transform 250ms ease-out 0s; -o-transition:-o-transform 250ms ease-out 0s; transition:transform 250ms ease-out 0s; } #navigation-mobile { background:#23282F; display:none; position:relative; } #menu-nav-mobile { margin:0; padding:10px 0; } #menu-nav-mobile li { border-top:1px solid #313335; list-style:none; } #navigation-mobile li:first-child { border-top:none; } #navigation-mobile li a { color:#FFFFFF; display:block; font-size:13px; padding:5px 0; text-transform:uppercase; } #navigation-mobile li a:hover { color:#39B54A; } #menu-nav-mobile ul.sub-menu { background:transparent; margin:0; position:relative; top:auto; width:auto; } #menu-nav-mobile ul.sub-menu li { border-top:1px solid #313335; height:auto; margin-top:0; } #menu-nav-mobile .sub-menu li a { padding-left:20px; } /* ================================================== Arrow Tip ================================================== */ .arrow { border-bottom:20px solid #FFFFFF; border-left:20px solid transparent; border-right:20px solid transparent; bottom:0; left:50%; margin-left:-20px; position:absolute; } .arrow-down { border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #FFFFFF; left:50%; margin-left:-20px; position:absolute; top:0; } .arrow-port { border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #FFFFFF; bottom:-20px; left:50%; margin-left:-20px; position:absolute; } /* ================================================== Slider ================================================== */ #slider { margin-top:100px; } .fullwidthbanner-container { max-height:700px; overflow:hidden; position:relative; width:100%; } .sliderbanner-container { max-height:600px; overflow:hidden; position:relative; width:100%; } .fullwidthbanner ul li, .sliderbanner-container ul li { list-style:none; } .tp-bullets.simplebullets.round .bullet { background-color:#323A45; background-image:none; height:10px; filter:alpha(opacity=60); margin-left:10px; margin-top:0; opacity:0.6; width:10px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; -webkit-transition:all 0.15s ease-in-out 0s; -moz-transition:all 0.15s ease-in-out 0s; -o-transition:all 0.15s ease-in-out 0s; transition:all 0.15s ease-in-out 0s; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected { background-color:#39B54A; filter:alpha(opacity=100); opacity:1; } .tparrows:before { display:inline-block; font-family:'Icons'; font-size:16px; font-style:normal; font-weight:normal; margin-right:0; margin-top:6px; text-align:center; text-decoration:inherit; width:37px; } .tparrows:before { margin-top:5px; } .tp-leftarrow.default { background-image:none; background-color:#323A45; color:#FFFFFF; cursor:pointer; height:37px; position:relative; top:50% !important; width:37px; z-index:100; -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; } .tp-rightarrow.default { background-image:none; background-color:#323A45; color:#FFFFFF; cursor:pointer; height:37px; position:relative; top:50% !important; width:37px; z-index:100; -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; } .tparrows { background-image:none; background-color:#323A45; color:#FFFFFF;cursor:pointer; height:37px; position:relative; top:50% !important; width:37px; z-index:100; -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } .tp-leftarrow:before { content:"\e0d5"; } .tp-rightarrow:before { content:"\e0d3"; } .tparrows.tp-rightarrow:before { margin-left:1px; } .tparrows:hover { background-color:#39B54A; color:#FFFFFF; } .tp-caption.very_big_custom_text { background-color:rgba(0,0,0,0.55); border-style:none; border-width:0px; color:#FFFFFF; font-size:50px; font-weight:300; line-height:50px; margin:0px; padding:5px 10px 8px; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.custom_text{ background-color:rgba(0,0,0,0.55); border-style:none; border-width:0px; color:#FFFFFF; font-size:36px; font-weight:300; line-height:36px; margin:0px; padding:5px 10px 8px; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.custom_text_link { background-color:rgba(0,0,0,0.55); border-style:none; border-width:0px; color:#FFFFFF; font-size:36px; font-weight:300; line-height:36px; margin:0px; padding:5px 10px 8px; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.custom_text_link a { color:#39B54A; font-weight:300; } .tp-caption.custom_text_link a:hover { color:#FFFFFF; } /* ================================================== Image Static ================================================== */ #image-static { margin-top:100px; } .fullimage-container { max-height:700px; overflow:hidden; position:relative; width:100%; } .fullimage-container img { width:100%; } .pattern { background:url(../img/pattern.png); height:100%; filter:alpha(opacity=30); opacity:0.3; position:absolute; width:100%; } /* ================================================== Section Title Page ================================================== */ #title-page { background-color:#E9F0F4; margin-top:100px; position:relative; } #title-page h2 { font-size:32px; font-weight:300; line-height:1.2; margin-bottom:0; padding:60px 0; text-align:center; } .page-title { border-bottom:1px solid #E6E6E6; margin-bottom:50px; padding:0 0 40px; } .page-title h3 { font-size:36px; font-weight:300; line-height:1.5; margin-bottom:20px; padding:0 25px; text-align:center; } /* ================================================== Intro Box ================================================== */ #intro-box { background:#39B54A; padding:70px 0 80px; position:relative; } #intro-box h3 { color:#FFFFFF; font-size:32px; font-weight:300; line-height:1.7; margin-bottom:0; padding:0 30px; text-align:center; } #intro-box h4 { color:#FFFFFF; font-size:18px; font-style:italic; font-weight:300; line-height:1.7; margin-bottom:0; padding:0; text-align:center; } /* ================================================== Services ================================================== */ #services { background:#E9F0F4; margin-bottom:20px; min-height:300px; } #services h2 { font-size:28px; margin-bottom:0px; padding:20px 20px 0px 20px; } #services p { margin-bottom:10px; padding:0px 20px; } #services ul { padding:0px 20px; } .detailed a { color:#323A45; font-size:12px; font-weight:normal; margin-bottom:10px; margin-top:0px; } .detailed a:hover { color:#39B54A; } /* ================================================== Clinic Locations ================================================== */ .tab-content h3 { font-size:18px; } .tab-content p { font-size:14px; margin-bottom:0; } .tab-content .appointments { color:#39B54A; display:block; margin-bottom:20px; margin-top:20px; } /* ================================================== Content ================================================== */ #content { padding:140px 0 90px; position:relative; } /* ================================================== Team People / Single Team ================================================== */ #team-filter .dropdown { float:right; } .team-name h3 { margin-bottom:0px; margin-top:20px; } .team-name h4 { color:#323A45; font-size:16px; font-weight:normal; margin-bottom:5px; } .team-name p { margin-bottom:10px; } .fullbio a { color:#323A45; font-size:12px; font-weight:normal; margin-bottom:10px; margin-top:0px; } .fullbio a:hover { color:#39B54A; } .teamspecialties li { font-size:14px; line-height:1.7; } #people { margin:0; padding:0; } #people li { list-style:none; } #people li img { width:100%; } .single-people { margin-bottom:30px; overflow:hidden; } .single-people .team-img { display:block; height:100%; margin-bottom:18px; overflow:hidden; position:relative; width:100%; } .single-people .team-img .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-transition:opacity 0.35s ease-in-out 0s; -moz-transition:opacity 0.35s ease-in-out 0s; -o-transition:opacity 0.35s ease-in-out 0s; transition:opacity 0.35s ease-in-out 0s; } .single-people:hover .team-hover .overlay, .single-people:active .team-hover .overlay, .single-people.tapped .team-hover .overlay { filter:alpha(opacity=85); opacity:0.85; } .single-people .team-hover i { color:#FFFFFF; filter:alpha(opacity=0); font-size:24px; left:50%; margin:-12px 0 0 -12px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .single-people:hover .team-hover i, .single-people:active .team-hover i, .single-people.tapped .team-hover i { filter:alpha(opacity=100); opacity:1; } .single-people .team-name { text-align:center; } .single-people .team-name h3 { font-size:16px; font-weight:600; margin:0; } .single-people .team-name h4 { font-size:13px; font-weight:400; margin:5px 0 0 0; } /* Single Team Page */ #single-team .team-img { margin-bottom:40px; } #single-team .team-img img { width:100%; } #single-team .team-social ul { border-top:1px solid #E6E6E6; margin:0; padding:25px 0 0; } #single-team .team-social ul li { display:inline-block; list-style:none; margin:0 20px 0 0; } #single-team .team-social ul li a { display:block; } #single-team .team-social ul li a i { color:#D0DBE2; font-size:20px; -webkit-transition:color 0.15s ease-in-out 0s; -moz-transition:color 0.15s ease-in-out 0s; -o-transition:color 0.15s ease-in-out 0s; transition:color 0.15s ease-in-out 0s; } #single-team .team-social ul li a:hover i { color:#39B54A; } #single-team .team-name h2 { font-size:28px; font-weight:500; margin-bottom:5px; } #single-team .team-name h3 { font-size:16px; font-weight:400; } #single-team .paginate-team { margin:80px 0 20px 0; text-align:center; } /* ================================================== Portfolio ================================================== */ #portfolio img { width:100%; } #portfolio-filter .dropdown { float:right; } #projects { margin:0; padding:0; } #projects li { list-style:none; margin-bottom:30px; } .item-project { overflow:hidden; position:relative; } .item-project .hover-wrap { display:block; height:100%; overflow:hidden; position:relative; width:100%; } .item-project .hover-wrap img { position:relative; top:0; width:100%; -webkit-transition:top 0.15s ease-in-out 0s; -moz-transition:top 0.15s ease-in-out 0s; -o-transition:top 0.15s ease-in-out 0s; transition:top 0.15s ease-in-out 0s; } .item-project:hover .hover-wrap img, .item-project:active .hover-wrap img, .item-project.tapped .hover-wrap img { top:80px; } .item-project .hover-wrap .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .item-project:hover .hover-wrap .overlay, .item-project:active .hover-wrap .overlay, .item-project.tapped .hover-wrap .overlay { filter:alpha(opacity=85); opacity:0.85; } .item-project i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:41px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .item-project:hover .hover-wrap i, .item-project:active .hover-wrap i, .item-project.tapped .hover-wrap i { filter:alpha(opacity=100); opacity:1; } .item-project h5 { background-color:#FFFFFF; border:1px solid #E9F0F4; border-bottom:none; margin-bottom:0; padding:30px 0; position:absolute; text-align:center; top:-120px; width:100%; z-index:2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.15s ease-in-out 0s; -moz-transition:all 0.15s ease-in-out 0s; -o-transition:all 0.15s ease-in-out 0s; transition:all 0.15s ease-in-out 0s; } .item-project:hover h5, .item-project:active h5, .item-project.tapped h5 { top:0px; } .item-project h5 a { display:block; font-weight:400; } /* ================================================== Single Portfolio Item ================================================== */ #portfolio-content img { width:100%; } .project-navigation { border-top:1px solid #F1F1F1; margin:70px 0 0; padding-top:60px; text-align:center; } .project-navigation a { background:#323A45; display:inline-block; height:40px; position:relative; text-indent:-9999px; width:40px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } .project-navigation a i { color:#FFFFFF; font-size:16px; left:50%; margin:-8px 0 0 -8px; position:absolute; text-indent:0; top:50%; } .project-navigation a.right-btn i { margin-left:-7px; } .project-navigation a:hover { background-color:#39B54A; } /* ================================================== Map Area ================================================== */ #map-area { margin-top:100px; width:100%; } .map { height:700px; } /* ================================================== Contact ================================================== */ .contact-details ul { list-style:none; margin:0; padding:0; } .contact-details ul li { line-height:28px; margin:0 0 20px; padding:0; } #contact-form { margin-bottom:0; } #contact-form p { margin-bottom:30px; } #contact-form p:first-child { margin-top:26px; } #contact-form input, #contact-form textarea { background:#FFFFFF; border:1px solid #E9F0F4; color:#BCBCC4; font-size:16px; height:auto; margin:0; padding:15px; resize:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; } #contact-form input:focus, #contact-form textarea:focus { border-color:#D0DBE2; color:#323A45; } #contact-form input { width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #contact-form textarea { resize:vertical; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #contact-form .submit { background:#323A45; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:18px; font-weight:500; padding:16px 40px; text-align:center; vertical-align:middle; width:auto; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } #contact-form .submit:hover { background:#39B54A; } #response { color:#323A45; margin-top:20px; } #response p { margin-bottom:10px; } /* ================================================== Services Box ================================================== */ .box { display:block; padding:30px; text-align:center; } .box .icon { display:inline-block; margin-bottom:30px; } .box .icon i { color:#D0DBE2; font-size:48px; -webkit-transition:color 0.15s ease-in-out 0s; -moz-transition:color 0.15s ease-in-out 0s; -o-transition:color 0.15s ease-in-out 0s; transition:color 0.15s ease-in-out 0s; } .box h4 { font-weight:400; -webkit-transition:color 0.15s ease-in-out 0s; -moz-transition:color 0.15s ease-in-out 0s; -o-transition:color 0.15s ease-in-out 0s; transition:color 0.15s ease-in-out 0s; } .box p { color:#323A45; font-weight:300; margin-bottom:0; } .box:hover .icon i, .box:active .icon i, .box.tapped .icon i, .box:hover h4, .box:active h4, .box.tapped h4 { color:#39B54A; } /* ================================================== Blog ================================================== */ #blog { position:relative; } #blog .post img { width:100%; } /* Full Width Post */ .blog-post-full .hover-post { display:block; } .blog-post-full .post-thumb { display:block; height:100%; margin-bottom:-40px; overflow:hidden; position:relative; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .blog-post-full .post-thumb .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-transition:opacity 0.35s ease-in-out 0s; -moz-transition:opacity 0.35s ease-in-out 0s; -o-transition:opacity 0.35s ease-in-out 0s; transition:opacity 0.35s ease-in-out 0s; } .blog-post-full .post-thumb i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:-8px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .blog-post-full .post-thumb:hover .overlay, .blog-post-full .post-thumb:active .overlay, .blog-post-full .post-thumb.tapped .overlay { filter:alpha(opacity=85); opacity:0.85; } .blog-post-full .post-thumb:hover i, .blog-post-full .post-thumb:active i, .blog-post-full .post-thumb.tapped i { filter:alpha(opacity=100);opacity:1; } .blog-post-full .post .separator { background:#39B54A; height:2px; margin:20px auto 0; position:relative; width:50px; } .blog-post-full .post { margin-bottom:60px; } .blog-post-full .entry-title { font-size:36px; margin:20px 0 8px 0; text-align:center; } .blog-post-full .entry-title a { color:#323A45; font-weight:400; } .blog-post-full .entry-title a:hover { color:#39B54A; } .blog-post-full .entry-type { line-height:1; margin:0 auto; position:relative; width:80px; z-index:1000; } .blog-post-full .entry-type a { background-color:#39B54A; display:inline-block; height:80px; position:relative; width:80px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .blog-post-full .entry-type a i { color:#FFFFFF; font-size:24px; left:50%; margin:-12px 0 0 -12px; position:absolute; top:50%; } .blog-post-full .entry-content { text-align:justify; } .blog-post-full .entry-meta { margin-bottom:30px; } .blog-post-full .entry-meta, .blog-post-full .entry-meta a { color:#AEAEAE; font-size:14px; font-weight:300; text-align:center; } .blog-post-full .entry-meta a:hover { color:#39B54A; } .blog-post-full .entry-meta .divider { padding:0 3px; } .blog-post-full .more-link { display:block; padding:10px 0 0; text-align:center; } /* Navigation Blog */ .blog-post-full .pagination-blog ul { margin:0; padding:0; text-align:center; } .blog-post-full .pagination-blog ul li { display:inline-block; list-style:none; } .blog-post-full .pagination-blog ul li a, .blog-post-full .pagination-blog ul li.current { color:#9C9C9C; display:inline-block; padding:2px 8px 4px; } .blog-post-full .pagination-blog ul li.prev a, .blog-post-full .pagination-blog ul li.next a { background:#323A45; display:inline-block; height:40px; padding:0; position:relative; text-indent:-9999px; width:40px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } .blog-post-full .pagination-blog ul li.prev a i, .blog-post-full .pagination-blog ul li.next a i { color:#FFFFFF; font-size:16px; left:50%; margin:-8px 0 0 -8px; position:absolute; text-indent:0; top:50%; } .blog-post-full .pagination-blog ul li.prev a:hover, .blog-post-full .pagination-blog ul li.next a:hover { background-color:#39B54A; } /* ================================================== Blog Single Post ================================================== */ #intro-box.single-post { background:#39B54A; padding:70px 0 80px; position:relative; } #intro-box.single-post .entry-title { color:#FFFFFF; font-size:32px; font-weight:300; line-height:1.7; margin-bottom:0; padding:0 30px; text-align:center; } #intro-box.single-post .entry-meta, #intro-box.single-post .entry-meta a { color:#FFFFFF; font-size:18px; font-weight:300; font-style:italic; line-height:1.7; padding:0; margin-bottom:0; text-align:center; } #intro-box.single-post .entry-meta a:hover { color:#323A45; } .single-post .post .separator { background:#39B54A; height:2px; margin:60px auto; position:relative; width:50px; } .single-post .hover-post { display:block; } .single-post .post-thumb { display:block; height:100%; margin-bottom:20px; overflow:hidden; position:relative; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .single-post .post-thumb .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-transition:opacity 0.35s ease-in-out 0s; -moz-transition:opacity 0.35s ease-in-out 0s; -o-transition:opacity 0.35s ease-in-out 0s; transition:opacity 0.35s ease-in-out 0s; } .single-post .post-thumb i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:-8px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .single-post .post-thumb:hover .overlay, .single-post .post-thumb:active .overlay, .single-post .post-thumb.tapped .overlay { filter:alpha(opacity=85); opacity:0.85; } .single-post .post-thumb:hover i, .single-post .post-thumb:active i, .single-post .post-thumb.tapped i { filter:alpha(opacity=100); opacity:1; } .single-post .entry-title { font-size:36px; margin:0 0 8px 0; } .single-post .entry-title a { color:#323A45; font-weight:400; } .single-post .entry-title a:hover { color:#39B54A; } .single-post .entry-meta { margin-bottom:30px; } .single-post .entry-meta, .single-post .entry-meta a { color:#AEAEAE; font-size:14px; font-weight:300; } .single-post .entry-meta a:hover { color:#39B54A; } .single-post .entry-meta.entry-footer { padding-top:20px; } .single-post .entry-meta .divider { padding:0 3px; } /* ================================================== Comments ================================================== */ #comments { } .comments-title, .pings-title, #reply-title { border-bottom:1px solid #E6E6E6; font-size:28px; font-weight:300; line-height:38px; margin:0 0 50px; padding:0 0 20px; } .commentlist { list-style-type:none; margin:20px 0 90px; } .comment { position:relative; } .comment-side { float:left; margin:0 30px 0 0; } .comment-side .avatar { display:block; height:50px; width:50px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; } .comment .comment-cont { margin-left:80px; } .comment-author cite, .comment-author cite a { color:#323A45; font-size:22px; font-style:normal; font-weight:300; } .comment-author cite a:hover { color:#39B54A; } .comment-meta, .comment-meta a { color:#AEAEAE; font-size:14px; font-weight:300; line-height:20px; } .comment-meta a:hover { color:#39B54A; } .comment-meta { margin:8px 0 15px; } .comment-body { border-bottom:1px solid #E6E6E6; margin-bottom:50px; padding-bottom:20px; } .comment-body p { line-height:30px; } .children { list-style:none; margin:0; padding:0; } .children .comment { padding-left:90px; } .badge { background:#39B54A; color:#FFFFFF; display:inline-block; font-size:11px; font-weight:bold; height:20px; line-height:20px; padding:0 10px; position:absolute; right:0; text-shadow:none; text-transform:uppercase; top:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } /* ================================================== Comment Form ================================================== */ #commentform p { margin-bottom:35px; overflow:hidden; } #commentform label, #commentform span.required { display:inline-block; font-size:16px; font-weight:300; position:relative; top:12px; } #commentform span.required { color:#39B54A; font-size:12px; top:0; } #commentform input, #commentform textarea { background:#FFFFFF; border:1px solid #E9F0F4; color:#BCBCC4; font-size:16px; height:auto; margin:0; padding:15px; resize:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; } #commentform input { float:left; margin:0 20px 0 0; width:290px; } #commentform textarea { resize:vertical; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #commentform input:focus, #commentform textarea:focus { border-color:#D0DBE2; color:#323A45; } #commentform #submit { background:#323A45; color:#FFFFFF; border:none; cursor:pointer; display:inline-block; font-size:18px; font-weight:500; padding:16px 40px; text-align:center; vertical-align:middle; width:auto; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } #commentform #submit:hover { background:#39B54A; } /* ================================================== Sidebar and Widgets ================================================== */ #sidebar { font-size:13px; line-height:20px; } .widget { margin-bottom:50px; } .widget ul { margin:0; padding:0; } .widget ul li { list-style:none; } .widget-title { font-size:14px; font-weight:600; line-height:22px; margin-bottom:15px; text-transform:uppercase; } /* Search Widget */ .widget-search form input[type="text"] { background:#FFFFFF; border:1px solid #E9F0F4; color:#BCBCC4; font-size:16px; height:auto; margin:0; padding:15px; resize:none; width:100%; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition:border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; } .widget-search form input[type="text"]:focus { border-color:#D0DBE2; color:#323A45; } /* Ads Widget */ .widget-ads { background:#F8F9F9; padding:10px; text-align:center; } .widget-ads .link-img img { max-width:100%; } .widget-ads .link-img { display:block; margin-bottom:15px; } .widget-ads .ads-text a { display:block; font-size:12px; font-weight:300; margin-bottom:15px; } .widget-ads .ads-pow a { font-size:12px; font-weight:600; } /* Social Widget */ .widget-social ul li { display:inline-block; margin:0 15px 15px 0; cursor:pointer; } .widget-social ul li a { background-color:#323A45; display:block; height:32px; text-align:center; width:32px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } .widget-social ul li a i { color:#FFFFFF; display:inline-block; font-size:16px; line-height:32px; margin:0; } .widget-social ul li:hover a, .widget-social ul li.tapped a { background-color:#39B54A; } /* Twitter Widget */ .widget-twitter .tweet_list li { line-height:24px; list-style:none outside none; margin-bottom:18px; } .widget-twitter .tweet_list li .tweet_time { color:#AEAEAE; display:block; font-size:12px; font-weight:400; margin-top:5px; } .widget-twitter .twitter-link { border:none; background-color:#323A45; *border:0; color:#FFFFFF; cursor:pointer; display:inline-block; font-weight:500; font-size:13px; line-height:1em; margin-bottom:0; padding:12px 24px; vertical-align:middle; *zoom:1; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } .widget-twitter .twitter-link:hover, .widget-twitter .twitter-link:active, .widget-twitter .twitter-link:focus { background-color:#39B54A; } /* Flickr Widget */ .widget-flickr .flickr-list ul li { display:inline-block; margin:0 10px 10px 0; position:relative; } .widget-flickr .flickr-list ul li a { display:block; } .widget-flickr .flickr-list ul li a img { height:50px !important; width:50px !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .widget-flickr .flickr-list ul li a .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .widget-flickr .flickr-list ul li a:hover .overlay { filter:alpha(opacity=55); opacity:0.55; } .widget-flickr .flickr-list ul li a i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:-8px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .widget-flickr .flickr-list ul li a:hover i { filter:alpha(opacity=100); opacity:1; } /* ================================================== Latest Works ================================================== */ #latest-work { background-color:#E9F0F4; padding:80px 0 90px; position:relative; } #latest-work h3 { font-size:14px; font-weight:700; margin:0 0 40px; text-align:center; text-transform:uppercase; } #latest-work-thumbs { margin:0; padding:0; } #latest-work-thumbs li { list-style:none; margin-bottom:30px; } .work-item-thumbs { overflow:hidden; position:relative; } .work-item-thumbs .hover-wrap { display:block; height:100%; overflow:hidden; position:relative; width:100%; } .work-item-thumbs .hover-wrap img { position:relative; top:0; width:100%; -webkit-transition:top 0.15s ease-in-out 0s; -moz-transition:top 0.15s ease-in-out 0s; -o-transition:top 0.15s ease-in-out 0s; transition:top 0.15s ease-in-out 0s; } .work-item-thumbs:hover .hover-wrap img, .work-item-thumbs:active .hover-wrap img, .work-item-thumbs.tapped .hover-wrap img { top:80px; } .work-item-thumbs .hover-wrap .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .work-item-thumbs:hover .hover-wrap .overlay, .work-item-thumbs:active .hover-wrap .overlay, .work-item-thumbs.tapped .hover-wrap .overlay { filter:alpha(opacity=85); opacity:0.85; } .work-item-thumbs i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:41px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } .work-item-thumbs:hover .hover-wrap i, .work-item-thumbs:active .hover-wrap i, .work-item-thumbs.tapped .hover-wrap i { filter:alpha(opacity=100); opacity:1; } .work-item-thumbs h5 { background-color:#FFFFFF; margin-bottom:0; padding:30px 0; position:absolute; text-align:center; top:-120px; width:100%; z-index:2; -webkit-transition:all 0.15s ease-in-out 0s; -moz-transition:all 0.15s ease-in-out 0s; -o-transition:all 0.15s ease-in-out 0s; transition:all 0.15s ease-in-out 0s; } .work-item-thumbs:hover h5, .work-item-thumbs:active h5, .work-item-thumbs.tapped h5 { top:0px; } .work-item-thumbs h5 a { font-weight:400; } /* ================================================== Latest Blog Post ================================================== */ #latest-blog { padding:80px 0 90px; position:relative; } #latest-blog h3 { font-size:14px; font-weight:700; margin:0 0 40px; text-align:center; text-transform:uppercase; } #latest-blog img { width:100%; } #latest-blog .post .separator { background:#39B54A; display:none; height:2px; margin:50px auto 30px; position:relative; width:50px; } #latest-blog .post:last-child .separator { display:none; } #latest-blog .post { margin-bottom:30px; } #latest-blog .hover-post { display:block; } #latest-blog .post-thumb { display:block; height:100%; margin-bottom:20px; overflow:hidden; position:relative; width:100%; } #latest-blog .post-thumb .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; -webkit-transition:opacity 0.35s ease-in-out 0s; -moz-transition:opacity 0.35s ease-in-out 0s; -o-transition:opacity 0.35s ease-in-out 0s; transition:opacity 0.35s ease-in-out 0s; } #latest-blog .post-thumb i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:-8px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } #latest-blog .post-thumb:hover .overlay, #latest-blog .post-thumb:active .overlay, #latest-blog .post-thumb.tapped .overlay { filter:alpha(opacity=85); opacity:0.85; } #latest-blog .post-thumb:hover i, #latest-blog .post-thumb:active i, #latest-blog .post-thumb.tapped i { filter:alpha(opacity=100); opacity:1; } #latest-blog .entry-title { font-size:22px; } #latest-blog .entry-title a { color:#323A45; font-weight:400; } #latest-blog .entry-title a:hover { color:#39B54A; } #latest-blog .entry-meta, #latest-blog .entry-meta a { color:#AEAEAE; font-size:14px; font-weight:300; } #latest-blog .entry-meta a:hover { color:#39B54A; } #latest-blog .entry-meta .divider { padding:0 3px; } /* ================================================== Twitter Feed ================================================== */ #twitter-feed { background:#F7F8F9; padding:80px 0 70px; position:relative; } #twitter-feed .tweet_list { margin:0; padding:0; } #twitter-feed .tweet_list li { list-style:none; text-align:center; } #twitter-feed .tweet_list li .tweet_text { font-size:24px; line-height:1.7em; } #twitter-feed .tweet_list li .tweet_text a, #twitter-feed .tweet_list li .tweet_time a { color:#39B54A; font-weight:400; } #twitter-feed .tweet_list li .tweet_text a:hover, #twitter-feed .tweet_list li .tweet_time a:hover { color:#323A45; } #twitter-feed .tweet_list li .tweet_time { color:#39B54A; display:block; font-size:13px; font-weight:400; margin-top:12px; } /* ================================================== Footer ================================================== */ footer { background:#194257; position:relative; } #badges { padding-bottom:15px; padding-top:15px; } #social-footer ul { margin:0; padding:0; text-align:center; } #social-footer ul li { cursor:pointer; display:inline-block; list-style:none; margin:15px; } #social-footer ul li a { background-color:transparent; display:block; height:70px; width:70px; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; -webkit-transition:background 0.35s ease-in-out 0s; -moz-transition:background 0.35s ease-in-out 0s; -o-transition:background 0.35s ease-in-out 0s; transition:background 0.35s ease-in-out 0s; } #social-footer ul li a i { color:#D0DBE2; display:inline-block; filter:alpha(opacity=30); font-size:32px; line-height:70px; margin:0; opacity:0.3; -webkit-transition:color 0.15s ease-in-out 0s; -moz-transition:color 0.15s ease-in-out 0s; -o-transition:color 0.15s ease-in-out 0s; transition:color 0.15s ease-in-out 0s; } #social-footer ul li:hover a { background-color:#39B54A; } #social-footer ul li:hover a i { color:#FFFFFF; opacity:1; } /* ================================================== Footer Widgets ================================================== */ footer.footer-widgets .widget { margin-bottom:0; } footer.footer-widgets { color:#FFFFFF; font-size:14px; } footer.footer-widgets h3 { color:#FFFFFF; font-size:20px; } footer.footer-widgets a { color:#39B54A; } footer.footer-widgets a:hover { color:#FFFFFF; } footer.footer-widgets .follow-us p { font-size:13px; font-weight:600; margin-bottom:10px; text-transform:uppercase; } footer.footer-widgets .social-icons { margin:0; padding:0; } footer.footer-widgets .social-icons li { display:inline-block; list-style:none; margin-right:20px; } footer.footer-widgets .social-icons li a i { font-size:16px; } /* Twitter Widget */ footer.footer-widgets .tweet_list { margin:0; padding:0; } footer.footer-widgets .tweet_list li { line-height:24px; list-style:none; margin-bottom:18px; } footer.footer-widgets .tweet_list li .tweet_time { color:#FFFFFF; display:block; font-size:12px; font-weight:400; margin-top:5px; } /* Flickr Widget */ footer.footer-widgets .flickr-list { float:left; margin-top:5px; } footer.footer-widgets .flickr-list ul { margin:0; padding:0; } footer.footer-widgets .flickr-list ul li { display:inline-block; list-style:none; margin:0 10px 10px 0; position:relative; } footer.footer-widgets .flickr-list ul li a { display:block; } footer.footer-widgets .flickr-list ul li a img { height:50px; width:50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } footer.footer-widgets .flickr-list ul li a .overlay { background:#39B54A; display:block; filter:alpha(opacity=0); height:100%; left:0; opacity:0; top:0; position:absolute; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } footer.footer-widgets .flickr-list ul li a:hover .overlay { filter:alpha(opacity=55); opacity:0.55; } footer.footer-widgets .flickr-list ul li a i { color:#FFFFFF; filter:alpha(opacity=0); font-size:16px; left:50%; margin:-8px 0 0 -8px; opacity:0; position:absolute; top:50%; -webkit-transition:opacity 0.15s ease-in-out 0s; -moz-transition:opacity 0.15s ease-in-out 0s; -o-transition:opacity 0.15s ease-in-out 0s; transition:opacity 0.15s ease-in-out 0s; } footer.footer-widgets .flickr-list ul li a:hover i { filter:alpha(opacity=100); opacity:1; } /* ================================================== Footer Credits ================================================== */ #footer-credits { background:#002E45; padding:20px 0; position:relative; text-align:center; } #footer-credits p { color:#FFFFFF; font-size:14px; margin-bottom:0; } #footer-credits p a { color:#FFFFFF; font-weight:300; } #footer-credits p a:hover { color:#39B54A; } /* ================================================== Back to Top ================================================== */ #back-to-top { background-color:#323A45; bottom:0; display:none; margin:0; height:42px; position:fixed; right:20px; width:50px; z-index:99; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-transition:background 0.15s ease-in-out 0s; -moz-transition:background 0.15s ease-in-out 0s; -o-transition:background 0.15s ease-in-out 0s; transition:background 0.15s ease-in-out 0s; } #back-to-top:hover { background-color:#39B54A; } #back-to-top i { color:#FFFFFF; font-size:16px; left:50%; line-height:1em; margin:-8px 0 0 -8px; position:absolute; top:50%; } /* ================================================== Isotope Filtering ================================================== */ /**** Isotope Filtering ****/ .isotope-item { z-index:2; } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; } .isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s; } /* End:Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .offset4{ margin-left: 112px !important; } }