/*----------------------------------------------------------- Theme Name: Beta Description: Beta premium WordPress theme Author: WPExplorer Author URI: http://themeforest.net/user/WPExplorer/ Version: 1.1 Designed & Developed by WPExplorer Theme URL: http://themeforest.net/user/WPExplorer/portfolio License: Dual GPL + ThemeForest License License URI: README_License.txt /* Body & Main ================================================== */ body { background-color: #eee; nowhitespace: afterproperty; font-size: 13px; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #777; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 12px; } body a { color: #ef4135 } /*main link color*/ body a:hover { text-decoration: none; color: #000 } body.admin-bar .top-bar-fixed { top: 26px !important } /*fix for site when admin bar is enabled*/ /*main containers*/ #wrap { margin-top: 25px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border: 1px solid #ccc; margin-bottom: 25px } #main-content { background: #fff; padding: 25px; box-shadow: inset 0 0 0 4px #f9f9f9; -webkit-box-shadow: inset 0 0 0 4px #f9f9f9; -webkit-box-shadow: inset 0 0 0 4px #f9f9f9; } .home #main-content { padding-bottom: 5px; } .entry p:last-child{ margin: 0 } /* Commons ================================================== */ /*read more*/ a.read-more{ display: inline-block; margin-top: 25px; line-height: 1em } a.read-more:hover{ color: #000; text-decoration: none } /*blockquote*/ blockquote{ border-left: 4px solid #ddd; margin: 20px; padding-left: 20px; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; color: #999 } blockquote p:last-child{ margin: 0 } /*preformatted text*/ pre {background: #fff url("images/pre-bg.png") repeat;margin: 20px 0px;padding: 25px 20px;line-height: 25px;border: 1px solid #ddd;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word } /*address*/ address{letter-spacing: 1px; margin: 20px 0 } /*page featured image*/ #page-featured-img{ margin: 0 0 25px; padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } #page-featured-img img{ display: block; width: 100% } /*full-width tag*/ .full-width{ width: 100% !important; float: none !important; margin: 0 !important } /*wp*/ .sticky{} .gallery-caption{} .bypostauthor{} /* Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #555 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #555 } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #888 } h2, h3, h4, h5, h6 { margin: 30px 0 20px; font-weight: 600; } h1 { font-size: 24px; margin: 0 0 20px; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } h5 { font-size: 12px } h6 { font-size: 11px } .subheader { color: #777 } p { margin: 0 0 20px } p img { margin: 0 } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { border: solid rgba(0, 0, 0, 0.2); border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } a { outline: 0 } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } /* Headings ================================================== */ /*page heading*/ #page-heading { position: relative; margin-bottom: 25px; padding-bottom: 20px; border-bottom: double #eee; } #page-heading h1, #page-heading h2 { font-size: 21px; line-height: 1.3em; margin: 0px; font-weight: bold; } /*heading class*/ .heading { height: 35px; line-height: 35px; margin: 15px 0; font-size: 13px; background: url('./images/heading-bg.png') center center repeat-x; } .heading span { background: #fff; padding-right: 25px } /* Forms ================================================== */ /*inputs*/ input[type="text"], input[type="password"]{ height: 28px; line-height: 28px; } input[type="text"], input[type="password"], textarea { border: 1px solid #eee; display: block; color: #999; font: 12px 'Helvetica Neue',Helvetica,Arial !important; margin-bottom: 8px; margin-left: 0; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; box-shadow: 0 0 0 3px #f9f9f9; -webkit-box-shadow: 0 0 0 3px #f9f9f9; -webkit-box-shadow: 0 0 0 3px #f9f9f9; -webkit-appearance: none } textarea{ width: 100%; padding: 10px } input[type="text"], input[type="password"] { width: 200px } input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #ddd; color: #666; } .wpcf7-form input{ margin-top: 10px; } /*buttons*/ button, input[type="button"], input[type="submit"]{ display: block; padding: 0 15px; height: 35px; line-height: 35px; cursor: pointer; font-size: 12px; font-family: inherit; background-color: #f9f9f9; border: 1px solid #eee; color: #777; outline: none; -webkit-appearance: none } button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #f5f5f5; color: #666; border-color: #ddd; } /* Social ================================================== */ #social-bar{ height: 18px; position: relative; margin-top: 20px; margin-bottom: -15px } #social { height: 18px; position: absolute; bottom: 0; right: 0; } #social { list-style: none } #social li { display: inline-block; margin-left: 5px; } #social a { height: 18px; display: block; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #social a img { height: 18px; width: 18px; -moz-opacity: 0.4; -khtml-opacity: 0.; opacity: 0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #social a:hover img { display: block; -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0 } /* Header ================================================== */ #header { position: relative; margin-bottom: 25px; } /*logo*/ #logo{ float: left } #logo a { font-weight: 700; padding: 0px; margin: 0px; text-decoration: none; display: inline-block; } #logo img { display: block; max-width: 100%; } #logo h1, #logo h2 { font-size: 32px; margin: 0 !important; line-height: 1em !important; } /*header right*/ #header-right{ font-size: 12px; float: right; text-align: right; color: #888 } #search-above{ margin-bottom: 10px } #search-below{ margin-top: 10px } /* Main Navigation ================================================== */ #navigation { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background: -moz-linear-gradient(top, #f9f9f9, #f5f5f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#f5f5f5'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#f5f5f5')"; height: 45px; margin: 0 -25px 25px -25px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; position: relative; } #navigation:after{ position: absolute; left: 0; bottom: -5px; display: block; height: 4px; width: 100%; background: #f9f9f9; content: ""; } #navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul { top: 45px; margin-left: -1px; } #navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 190px; top: -1px } #navigation .sf-menu { float: left; } #navigation .sf-menu a { font-size: 12px; height: 45px; line-height: 45px; color: #777; padding: 0 25px; text-decoration: none; font-weight: 700; } #navigation .sf-menu li { float: left; position: relative; border-right: 1px solid #ddd; } #navigation .sf-menu li:first-child { border-left: none !important; } #navigation .sf-menu li:first-child > a, .sf-menu li:first-child > a:hover{ border-left: none; } #navigation .sf-menu > .current-menu-item > a, #navigation .sf-menu > li > a:hover, #navigation .sf-menu > li.sfHover > a, li.current-menu-parent > a { color: #444; background-color: #fff; } /*drop-down styles*/ #navigation .sf-menu ul { position: absolute; nowhitespace: afterproperty; top: -999em; border: 1px solid #ddd; width: 190px; box-shadow: 0px 0px 5px rgba(102,102,102,0.1); z-index: 9999; box-shadow: 0px 0px 5px rgba(102,102,102,0.1); -moz-box-shadow: 0px 0px 5px rgba(102,102,102,0.1); -webkit-box-shadow: 0px 0px 5px rgba(102,102,102,0.1); } #navigation .sf-menu ul li:first-child { border-top: 0px } #navigation .sf-menu ul li:last-child { border-bottom: 0 } #navigation .sf-menu li:last-child { } #navigation .sf-menu a { display: block; position: relative; } #navigation .sub-menu ul { padding-top: 0; z-index: 1 !important; } #navigation .sf-menu .sub-menu li.current_page_item > a { color: #000 !important; background-color: #f5f5f5 !important; background-image: none; } #navigation li.sfHover { color: #000 } #navigation .sf-menu ul a { display: block; padding: 1.4em 1.4em; } #navigation .sf-menu ul { text-shadow: none !important } #navigation .sf-menu ul ul:after { display: none } #navigation .sf-menu ul li { background: #fff; border-bottom: 1px solid #efefef; } #navigation .sf-menu ul a { color: #888; padding: 17px 15px; height: auto; margin: 0px; border: 0px; line-height: 1em; font-size: 11px; font-weight: normal; text-shadow: none;} #navigation .sf-menu ul a:hover { color: #000 !important; background-color: #f5f5f5 !important; background-image: none; } #navigation .sf-menu ul li:last-child { border: none !important } #navigation .sf-menu ul .current_page_item a { color: #000 !important } #navigation .sub-menu li { border-left: none !important; border-right: none !important; } #navigation .sf-menu ul ul{ border-top: 1px solid #ddd } /*icons*/ #navigation span[class*='wpex-icon-'] { margin-right: 5px !important } #navigation .no-text span[class*='wpex-icon-'] { margin-right: 0 !important } /* Homepage ================================================== */ /*tagline*/ #home-tagline { color: #444; margin: 25px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 1.7em; text-align: center; padding: 25px; background: #f5f5f5; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border: 4px solid #f9f9f9; text-shadow: 1px 1px 1px #fff; } #home-tagline a { border-bottom: 1px dotted #ddd } #home-tagline a:hover { text-decoration: none } /*static video*/ .home-video { margin: -25px -25px 25px } /*static page*/ #home-static-page { margin-bottom: 25px } /*highlights*/ .hp-highlight p:last-child { margin-bottom: 0px } .hp-highlight h3 { font-weight: normal; font-size: 14px; margin: 0 0 10px; background-repeat: no-repeat; font-weight: bold;} .hp-highlight span[class*='icon-'] { margin-right: 7px; color: #ef4135; } /*home blog*/ .home-entry{ margin-bottom: 25px } .home-entry img { display: block } .home-entry h2 { font-size: 13px; font-weight: bold; margin: 0 0 5px; } .home-entry .home-entry-description{ background: #f9f9f9; padding: 15px; border: 1px solid #eee; border-top: 4px solid #eee; } .home-entry a.read-more{ margin-top: 10px; } .home-entry-thumbnail{ padding: 4px; border: 1px solid #ddd; } .home-entry-thumbnail:hover{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } /*home widgets*/ #home-wrap .home-widgets-heading{ margin-bottom: -15px; } .home-widget h4{ font-size: 13px; margin: 0 0 20px } #home-wrap .home-widget .heading{ text-align: left } #home-wrap .home-widget .heading span{ padding-left: 0 } #home-wrap .home-widget{ margin-top: 25px; } /* Slider ================================================== */ /*home slider*/ #full-slider{ margin: 0 0 25px; position: relative; } /*main*/ .flexslider-container { position: relative; } .flexslider { position: relative; zoom: 1; } .flexslider ul{ margin: 0; } .flexslider li.slide{ margin: 0; position: relative; } #main-content .flexslider{ padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } /*next/prev arrows*/ .flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 40px; height: 40px; line-height: 40px; position: absolute; bottom: 4px; cursor: pointer; font-size: 14px; text-align: center;color: #fff !important; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7 } .flex-direction-nav li a.flex-next { left: 44px; background: #000 url("images/slider-arrow-next.png") center center no-repeat; } .flex-direction-nav li a.flex-prev { left: 4px; background: #000 url("images/slider-arrow-prev.png") center center no-repeat; } .flex-direction-nav li a:hover{ opacity: 1; background-color: #ef4135; } /*control nav*/ .flex-control-nav{ position: absolute; right: 4px; bottom: 4px; height: 25px; background: #000; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .flex-control-nav li {display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a { height: 25px; width: 25px; line-height: 25px; text-align: center; display: block; cursor: pointer; color: #fff; font-size: 10px } .flex-control-nav li a:hover {opacity: 1; background-color: #ef4135; } .flex-control-nav li a.flex-active {opacity: 1; background-color: #ef4135;cursor: default;} /* slider caption */ .flexslider-container .flex-caption { text-shadow: none; position: absolute; left: 81px; bottom: 0; text-align: left; margin: 0; background: #000;opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; padding: 0 25px; height: 40px; line-height: 40px; font-size: 13px; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .flexslider-container .flex-caption p { margin: 0 0 10px } .flexslider-container .flex-caption p:last-child{ margin: 0 } .flexslider-container .flex-caption a{ color: #ef4135 !important } .flexslider-container .flex-caption a:hover{ text-decoration: underline } /*video slide*/ .video-slide{ } /* Portfolio ================================================== */ #portfolio-wrap { position: relative; overflow: hidden; margin-right: -25px; } #portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: double #eee;} #portfolio-description p:last-child, .portfolio-description p { margin: 0 } #portfolio-wrap ul { margin: 0px; list-style: none; } /*filter*/ ul.filter { font-size: 11px; list-style: none; font-weight: bold; margin-bottom: 20px; text-align: left } ul.filter li { display: block; float: left; margin-right: 7px; margin-bottom: 7px; } ul.filter a { display: block; float: left; text-decoration: none; border: 1px solid #eee; font-size: 11px; padding: 5px 12px; color: #aaa } ul.filter li:last-child { margin: 0; padding: 0 } ul.filter a:hover, ul.filter a.active { color: #666; background: #f5f5f5; } /*portfolio entry*/ .portfolio-entry a { display: block; text-decoration: none } .portfolio-entry img.portfolio-entry-img{ display: block } .portfolio-entry-description{ background: #f9f9f9; padding: 15px; border: 1px solid #eee; border-top: 4px solid #eee; } .portfolio-entry-description p{ margin: 0 } .portfolio-entry-description h2 { font-size: 13px; font-weight: bold; margin: 0 0 5px; } .portfolio-entry-description p:last-child{ margin: 0 } .portfolio-entry-description a.read-more{ margin: 7px 0 0; } .portfolio-entry-thumbnail{ padding: 4px; border: 1px solid #ddd; } .portfolio-entry-thumbnail:hover{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } .portfolio-entry-img-link{ display: block; -webkit-transition: background .2s linear;-moz-transition: background .2s linear;-o-transition: background .2s linear;-ms-transition: background .2s linear;transition: background .2s linear; } .portfolio-entry-img-link:hover{ background: #fff } .portfolio-entry-img{ -webkit-transition: opacity .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: opacity .2s linear; } .portfolio-entry-img:hover{ opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6 } .portfolio-entry.grid-5 .portfolio-entry-description, .portfolio-entry.grid-6 .portfolio-entry-description, #post .portfolio-entry.grid-4 .portfolio-entry-description{ display: none; } .portfolio-entry.grid-5 h2, .portfolio-entry.grid-6 h2{ margin: 0 } /*single portfolio*/ #single-portfolio-description { float: left; width: 295px } #single-portfolio-meta span { font-size: 12px; margin-right: 5px; font-weight: bold } #single-portfolio-media { margin-bottom: 15px } #portfolio-slides-wrap{ margin-bottom: 5px } #single-portfolio-media #post-thumbnail{ text-align: center } #single-portfolio-media #post-thumbnail{ padding: 4px; border: 1px solid #eee; padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } #single-portfolio-info p:last-child{ margin: 0 } /*related*/ #single-portfolio-related { margin-bottom: -10px; } /* Blog Posts & Blog Entries ================================================== */ /*entry*/ .loop-entry { margin-bottom: 25px; padding-bottom: 25px; border-bottom: double #eee } .loop-entry-thumbnail { display: block; margin: 0 0 20px; padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } .loop-entry h2 { margin: 0 0 15px; font-size: 18px; line-height: 25px } .loop-entry a.read-more{ display: inline; } .blog-entry-img-link{ display: block; -webkit-transition: background .2s linear;-moz-transition: background .2s linear;-o-transition: background .2s linear;-ms-transition: background .2s linear;transition: background .2s linear } .blog-entry-img-link:hover{ background: #fff } .blog-entry-img-link img{display: block; -webkit-transition: opacity .2s linear 0s;-moz-transition: opacity 0.2s linear 0s;-o-transition: opacity .2s linear 0s;-ms-transition: opacity .2s linear 0s;transition: opacity .2s linear 0s; } .blog-entry-img:hover{ opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7 } /*post featured image*/ #post-thumbnail{ padding: 4px; border: 1px solid #eee; padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } /*tags*/ .post-tags { margin-top: 40px } .post-tags a { display: block; float: left; padding: 4px 7px; color: #999; background: #f9f9f9; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: bold; border-radius: 3px; border: 1px solid #ddd; } .post-tags a:hover { color: #666; background: #f5f5f5; border-color: #ccc; } /*author bio*/ #single-author{ margin-top: 40px } #author-image{ float: left; width: 60px } #author-image img{ padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } #author-bio{ float: right; width: 550px } #author-bio p:last-child{ margin: 0 } #author-bio h4{ font-size: 12px; margin: -3px 0 5px } /*related posts*/ #related-posts{ margin-top: 40px } #related-posts .alignleft{ margin: 4px 20px 0 0 } #related-posts h4{ font-size: 12px; margin: 0 0 10px; } #related-posts .related-entry{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } #related-posts .related-entry:last-child{ margin: 0; padding: 0; border: none; } #related-posts .related-entry .read-more{ font-size: 11px } #related-posts .related-entry-thumbnail{ padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } #related-posts a.read-more{ display: inline; } /*post-thumbnail*/ #post-thumbnail{ margin-bottom: 20px } #post-thumbnail img{ display: block } /* Meta ================================================== */ .meta { font-size: 11px; color: #666; margin: -5px 0 15px; } .meta a { color: #666 } .meta a:hover { color: #000 } .meta li {background: #f5f5f5; display: block; float: left; margin-right: 5px; margin-bottom: 5px; padding: 3px 7px; } .meta li span{ margin-right: 5px } #single-meta { margin-bottom: 20px; } #single-meta li{ float: left; clear: none; } #single-meta li span{ margin-right: 5px } /* Services ================================================== */ #services-wrap{ margin-bottom: -20px; overflow: hidden; } #services-description p:last-child{ margin: 0; } #services-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: double #eee;} .services-entry{ text-align: center; padding: 20px 0; } .services-entry-icon{ display: block; margin: 0 auto; margin-bottom: 20px; width: 60px; height: 60px; line-height: 60px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; font-size: 16px; font-weight: bold; background: #eee; color: #777; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } .services-entry-icon:hover{ background: #f9f9f9; color: #ef4135; } .services-entry-description h2{ font-size: 13px; margin: 0 0 10px; } .services-entry-description h2:after{ display: block; height: 1px; width: 10px; content: ""; margin: 10px auto; background: #ddd; } .services-entry-description p:last-child{ margin: 0 } .services-entry-description a.read-more{ margin-top: 10px; } .service-post #single-nav{ margin-top: 25px; } #single-services-slides-wrap{ margin-bottom: 25px; } /* FAQs ================================================== */ .faq-item { margin-bottom: 10px } .faq-title { cursor: pointer; margin: 0; border: 1px solid #ddd; font-size: 12px; text-shadow: 1px 1px 0px rgba(255,255,255,0.7); background-color: #f5f5f5; } .faq-title:hover{ background: #eee; } .faq-title a{ display: block; padding: 12px 15px; color: #777; font-weight: normal; } .faq-title a:hover, .faq-title.active a{ background: #eee; color: #444; } .faq-title span { margin-right: 10px; float: left; } .faq-content { display: none; padding: 25px; border: 1px solid #ddd; background: #fff; border-top: none } .faq-content p:last-child { margin: 0 } /* Pagination ================================================== */ .page-pagination { margin: 20px 0 0 } .page-of-page{ float: left } .page-of-page span.inner{ padding: 0 7px } .page-of-page, .page-pagination a, .page-pagination span.outer { font-size: 10px; line-height: 23px; height: 23px; text-align: center; margin-right: 5px; margin-bottom: 5px; display: block; float: left; color: #aaa; border: 1px solid #ddd; } .page-pagination a, .page-pagination span.outer { width: 23px } .page-pagination a:hover{ background: #eee; border-color: #ccc; } .page-pagination span.current { text-decoration: none;color: #666; border-color: #ccc; background: #f5f5f5; } #staff-template .page-pagination, #portfolio-template .page-pagination{ margin: 5px 0 0;} /* Single Nav ================================================== */ #single-nav { border-top: double #eee; padding-top: 25px; font-size: 11px; } #single-nav-left, #single-nav-right { float: left; width: 50%; } #single-nav-right{ float: right; text-align: right; } #single-nav a { color: #999; } #single-nav a:hover { color: #444; } #single-nav-left span{ margin-right: 7px; } #single-nav-right span{ margin-left: 7px; } /* Sidebar ================================================== */ .sidebar-box { margin-bottom: 30px } .sidebar-box h4.heading{ margin-top: 0; color: #777; margin-bottom: 5px; } /* Widgets ================================================== */ /*sidebar*/ #sidebar{ margin-top: 30px; font-size: 11px; } #sidebar a{ color: #999; } #sidebar a:hover{ color: #444; } #sidebar .heading{ font-size: 12px; } /*main wp widgets*/ .widget_nav_menu li, .widget_recent_entries li, .widget_categories li, .widget_archive a, widget_meta li, .wpex-taxonomies-widget li, .tagcloud li, .wpex-recent-post-types-widget li{ margin-bottom: 3px; } /*taxonomies*/ .wpex-taxonomies-widget li{ font-size: 10px;} .wpex-taxonomies-widget a{ font-size: 13px; margin-right: 5px; } /*tagcloud*/ .tagcloud a { float: none; display: block; font-size: 12px !important; line-height: 1em !important; margin-bottom: 7px; } /*calendar*/ #wp-calendar{ font-size: 11px } #wp-calendar caption { background: #f5f5f5; padding: 8px; text-align: center; font-weight: bold; border: 1px solid #ddd } #wp-calendar, #footer #wp-calendar tr { width: 100% } #wp-calendar th { text-align: center; border: 1px solid #ddd; border-top: none; padding: 5px 0; background: #f9f9f9 } #wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee } #wp-calendar tbody td:hover { background: #f5f5f5; color: #000 } #wp-calendar tbody a { display: block } #sidebar #wp-calendar a:hover { text-decoration: underline } #footer #wp-calendar caption { color: #fff } #wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee } #wp-calendar tfoot td{ padding-top: 5px } /*flickr*/ .wpex-flickr-widget a{ float: left; display: block; margin-right: 5px; margin-bottom: 5px; } .wpex-flickr-widget img{ display: block; width: 45px; height: 45px; border: 5px solid #eee; opacity: 0.7; -webkit-transition: border 0.3s ease-in-out; -moz-transition: border 0.3s ease-in-out; -o-transition: border 0.3s ease-in-out; -ms-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out } .wpex-flickr-widget img:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /*video*/ .wpex-video-widget-description { margin-top: 10px; text-align: center } .wpex-video-widget-description p:last-child{ margin: 0; } /*social*/ .wpex-social-widget ul{ margin-right: -4px; margin-bottom: -4px; overflow: hidden; } .wpex-social-widget li{ float: left; margin-right: 4px; margin-bottom: 4px; } .wpex-social-widget img{ display: block; height: 32px; width: 32px; } .wpex-social-widget img:hover{ opacity: 0.7; -webkit-opacity: 0.9; -moz-opacity: 0.9 } /*recent portfolio*/ .wpex-recent-portfolio-widget{ margin-bottom: -5px; overflow: hidden; } .wpex-recent-portfolio-widget a{ float: left; display: display: block; margin-right: 5px; margin-bottom: 5px; } .wpex-recent-portfolio-widget img{ display: block; width: 45px; height: 45px; border: 5px solid #eee; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .wpex-recent-portfolio-widget img:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } #footer .wpex-recent-portfolio-widget img{ width: 43px; height: 43px; border-color: #ccc } /* Staff ================================================== */ #staff-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: double #eee;} #staff-description p:last-child { margin: 0 } /*single post*/ #page-heading #staff-post-position{ color: #999; font-size: 13px; font-weight: bold; } #staff-post-thumbnail{ width: 40%; float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 4px; padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } #staff-post-thumbnail img{ display: block } /*staff entries*/ .staff-entry{ position: relative; text-align: center; } .staff-entry h3 { font-size: 13px; margin: 0 } .staff-entry-header{ margin: 0 0 5px; } .staff-entry-img{ display: block; margin: 0 } .staff-entry-description { background: #f9f9f9; padding: 15px; border: 1px solid #eee; border-top: 4px solid #eee; } .staff-entry-position { color: #aaa; font-size: 11px; font-weight: bold; } .staff-entry-excerpt{ margin-top: 7px } .staff-entry-excerpt p:last-child{ margin: 0 } .staff-entry-thumbnail{ padding: 4px; border: 1px solid #ddd; } .staff-entry-thumbnail:hover{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } .staff-entry-img-link{ display: block; -webkit-transition: background .2s linear;-moz-transition: background .2s linear;-o-transition: background .2s linear;-ms-transition: background .2s linear;transition: background .2s linear } .staff-entry-img-link:hover{ background: #fff } .staff-entry-img-link img{display: block; -webkit-transition: opacity .2s linear 0s;-moz-transition: opacity 0.2s linear 0s;-o-transition: opacity .2s linear 0s;-ms-transition: opacity .2s linear 0s;transition: opacity .2s linear 0s; } .staff-entry-img:hover{ opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7 } .staff-entry.grid-6 .staff-entry-excerpt { display: none } #post .staff-entry.grid-5 .staff-entry-excerpt, #post .staff-entry.grid-6 .staff-entry-excerpt { display: none } #post .staff-entry.grid-6 .staff-entry-description { display: none } /* Footer ================================================== */ /*footer main*/ #footer { position: relative; padding: 25px 25px 0; background: #f5f5f5; font-size: 12px; border-top: 1px solid #ddd; font-size: 11px; } #footer a { color: #999 } #footer a:hover { color: #000 } #footer ul { margin: 0 } /*footer widgets*/ .footer-widget h4{ font-size: 12px; color: #666; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin: 0 0 15px } /*footer bottom*/ #footer-bottom { padding: 25px; font-size: 11px; background-color: #f9f9f9; border-top: 1px solid #ddd; } #footer-bottom a { color: #93989b } #footer-bottom a:hover { color: #000 } #copyright { font-size: 11px; } /*footer menu*/ #footer-menu{ text-align: right } #footer-menu li{ display: inline-block; margin: 0; } #footer-menu a{ display: block; display: inline; padding-right: 7px; margin-right: 2px; } #footer-menu li:last-child a{ margin: 0; padding: 0; background: none } /* Search ================================================== */ /*main*/ input[type="search"] { background: url("./images/search.png") no-repeat scroll 96% center #fff; border: 1px solid #ddd; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.05); font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 7px 16px 7px 7px; width: 100%; background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline: none; } input[type=search]:focus { background-color: #f5f5f5 } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } /*top search*/ #top-search input[type=search]{ background: url("./images/search.png") no-repeat scroll 95% center #fff; border: 1px solid #ddd !important; font-size: 11px; padding: 7px 10px; width: 170px; box-shadow: 0 0 0 2px #f9f9f9; -webkit-box-shadow: 0 0 0 2px #f9f9f9; -webkit-box-shadow: 0 0 0 2px #f9f9f9; } /*entries*/ .search-entry .alignleft{ margin-right: 20px; margin-bottom: 20px; } /* Comments ================================================== */ #commentsbox{ margin-top: 40px } .comment-details ul { margin: 0 } .comment-details ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; padding-bottom: 8px; padding-top: 8px; } .comment-details ul li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1) } h4#comments { background: url("./images/dotted-border.png") repeat-x 20px 7px; font-size: 12px; margin: 0 0 20px; } h4#comments span { background-color: #FFFFFF; margin-left: 10px; padding: 0 10px; } .commentlist { margin: 0 } .commentlist li { list-style: none; margin: 0; } .children li.depth-2 { margin: 0 0 0px 65px } .children li.depth-3 { margin: 0 0 0px 65px } .children li.depth-4 { margin: 0 0 0px 65px } .children li.depth-5 { margin: 0 0 0px 65px } .children li.depth-6 { margin: 0 0 0px 65px } .children li.depth-7 { margin: 0 0 0px 65px } .children li.depth-8 { margin: 0 0 0px 65px } .children li.depth-9 { margin: 0 0 0px 65px } .children li.depth-10 { margin: 0 0 0px 65px } .comment-body { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .comment-details{ position: relative; margin-left: 75px } .comment-avatar{ position: absolute; left: -75px; top:0; } .comment-avatar img{ padding: 4px; border: 1px solid #eee; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } .comment-author { font-weight: bold } .comment-author .author a:link, .comment-author .author a:visited { font-size: 12px; color: #555; font-weight: bold } .comment-author .author a:hover { color: #999 } .comment-content{ margin-top: 5px } .comment-content p { font-size: 12px; line-height: 1.8em; } .comment-content p:last-child{ margin: 0; } .comment-date { font-size: 11px; font-weight: normal } .comment-date a { color: #888 } #commentsbox .reply{ margin-top: 5px; } .comment-reply-link, #cancel-comment-reply-link { font-size: 11px; } #cancel-comment-reply-link{ color: #C30; font-size: 12px } .comment-reply-link:hover, #cancel-comment-reply-link:hover { color: #000 } #cancel-comment-reply-link{ display: block; margin-bottom: 10px; } #cancel-comment-reply-link span{ margin-right: 3px; } .commentlist .children { margin: 0 } #comments_wrap { margin-top: 15px } #comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 12px; } #log-out { float: right; margin-top: -56px; } #submit { margin-bottom: 0; } #reply-title{ display: none; } .children #commentform textarea { width: 95.6% } #commentform label { font-size: 12px; font-weight: bold; display: block; float: left; height: 28px; line-height: 28px; width: 70px; text-align: left } #commentform input { margin-top: 0 !important } #commentform input#author, #commentform input#email, #commentform input#url { width: 40%; margin-top: 10px; } #commentform textarea { width: 100%; margin-top: 10px } /*WP JetPack*/ .comment-subscription-form { font-size: 12px; margin-top: 20px; margin-bottom: 0px; } .comment-subscription-form:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .comment-subscription-form input, .comment-subscription-form label { float: left; margin: 0px !important; margin-right: 5px !important; padding: 10px; } #comment-left { float: left; width: 160px; padding-right: 35px; } #comment-right { float: left; width: 445px; } /* Sitemap ================================================== */ .sitemap-container ul { margin-bottom: 25px; margin-left: 0 } #sitemap-wrap h2 { font-size: 13px; margin: 0 0 10px;} .sitemap-container a { color: #999 } .sitemap-container a:hover { color: #000; text-decoration: none; } /* 404 Page ================================================== */ #error-page{ margin: 150px 0 } #error-page-title { font-size: 32px; text-align: center; font-weight: bold; background: none; line-height: 1em; border: none; margin: 0 0 10px; color: #777 } #error-page-title span{ margin-right: 7px; } #error-page-text { text-align: center; font-size: 11px; } /* Shortcodes ================================================== */ /*gallery-photo*/ .single-gallery-thumb{ display: block; -webkit-transition: background .2s linear;-moz-transition: background .2s linear;-o-transition: background .2s linear;-ms-transition: background .2s linear;transition: background .2s linear; } .single-gallery-thumb:hover{ background: #fff } .single-gallery-thumb img{ -webkit-transition: opacity .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: opacity .2s linear; } .single-gallery-thumb img:hover{ opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6 } /*google map*/ .googlemap { margin: 0 0 20px;position: relative; max-width: inherit; } .googlemap .map_canvas { width: 100%;height: 100%;} .googlemap .map_canvas h3 { margin: 0 0 10px; font-size: 14px} .map_canvas img { max-width:none !important } /*hr*/ hr.none { border: none; outline: none; height: 1px; background: none; } hr.dotted-line { border: none; border-top: 1px dotted #ccc; } hr.solid-line { border: none; border-top: 1px solid #eee; } hr.double-line { border: none; border-top: 1px solid #ccc; height:4px; border-bottom: 1px solid #ccc; } hr.dashed-line { border: none; border-top: 1px dashed #ccc; } /*testimonial*/ .testimonial-content{ position: relative; background: #f9f9f9; padding: 12px; color: #9c9c9c; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.8em; } .testimonial-content:after{content: ""; position: absolute; left: 12px; bottom: -12px; width:0px; height:0px; border-bottom:12px solid transparent;border-top:8px solid transparent;border-right:12px solid #f9f9f9;font-size:0px;line-height:0px} .testimonial-content p:last-child{ margin: 0 } .testimonial-author{ margin-top: 12px; margin-left: 18px; font-size: 11px; color: #999; font-weight: bold } /*social*/ .wpex-social-icon{ margin-bottom: 5px; margin-right: 5px; } .wpex-social-icon:hover{ opacity: 0.7; -webkit-opacity: 0.9; -moz-opacity: 0.9 } /*alerts*/ .alert-gray, .alert-red, .alert-green, .alert-blue, .alert-yellow { font-size: 12px; color: #fff; font-weight: bold; padding: 15px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; line-height: 18px; } .alert-gray { background-color: #f9f9f9; border-color: #eee; color: #777; } .alert-red { background-color: #fcdfde; border-color: #f9d4d3; color: #b87979; } .alert-red .alert-title{ color: #b87979 } .alert-green { background-color: #daf0da; border-color: #c4ebc4; color: #7c9d7c } .alert-green .alert-title{ color: #7c9d7c } .alert-blue { background-color: #dff5fb; border-color: #cbeef7; color: #7b9ea6 } .alert-blue .alert-title{ color: #7b9ea6 } .alert-yellow { background-color: #fff8de; border-color: #f4e6b4; color: #a8a186; } .alert-yellow .alert-title{ color: #a8a186 } .alert-title { font-size: 14px; margin: 0 0 5px } .alert-red p:last-child, .alert-green p:last-child, .alert-blue p:last-child, .alert-yellow p:last-child { margin: 0;} #sidebar [class*='alert-']{ margin-bottom: 0; } /*buttons*/ .button { margin-right: 10px; margin-bottom: 10px; -moz-transition: all 0.1s ease-in-out 0s; border-radius: 3px; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; white-space: nowrap; nowhitespace: afterproperty; line-height: 1em; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); outline: none; overflow: visible; } .button span.button-inner { display: inline-block; color: #fff; font-weight: bold; padding: 1em 1.4em; line-height: 0.8em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); } .button:active { background: -moz-linear-gradient(center top,rgba(0,0,0,.25) 0%,rgba(255,255,255,.1) 100%); background: -webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.1)),to(rgba(0,0,0,.25))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF')"; } .button:hover { opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; } .button { border: 1px solid #ccc; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1.0) inset; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #d9dade 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d9dade)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#d9dade 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d9dade',GradientType=0 ); } .button.black { background: #505050; background: -moz-linear-gradient(top, #505050 0%, #101010 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top, #505050 0%,#101010 100%); background: -o-linear-gradient(top, #505050 0%,#101010 100%); background: -ms-linear-gradient(top, #505050 0%,#101010 100%); background: linear-gradient(to bottom, #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); border: 1px solid #101010; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; } .button.black:active { background: #101010; background: -moz-linear-gradient(top, #101010 0%, #505050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(100%,#505050)); background: -webkit-linear-gradient(top, #101010 0%,#505050 100%); background: -o-linear-gradient(top, #101010 0%,#505050 100%); background: -ms-linear-gradient(top, #101010 0%,#505050 100%); background: linear-gradient(to bottom, #101010 0%,#505050 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#505050',GradientType=0 ); } .button.gray { background: #aaaaaa; background: -moz-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#7e7e7e)); background: -webkit-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: -o-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: -ms-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: linear-gradient(to bottom, #aaaaaa 0%,#7e7e7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#7e7e7e',GradientType=0 ); border: 1px solid #7e7e7e; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.gray:active { background: #7e7e7e; background: -moz-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#aaaaaa)); background: -webkit-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: -o-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: -ms-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: linear-gradient(to bottom, #7e7e7e 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#aaaaaa',GradientType=0 ); } .button.light-gray span.button-inner { color: #505050; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); } .button.light-gray:active { background: #d9dade; background: -moz-linear-gradient(top, #d9dade 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dade), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #d9dade 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dade', endColorstr='#f0f0f0',GradientType=0 ); } .button.red { background: #cf4647; background: -moz-linear-gradient(top, #d25354 0%, #a62b2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d25354), color-stop(100%,#a62b2c)); background: -webkit-linear-gradient(top, #d25354 0%,#a62b2c 100%); background: -o-linear-gradient(top, #d25354 0%,#a62b2c 100%); background: -ms-linear-gradient(top, #d25354 0%,#a62b2c 100%); background: linear-gradient(to bottom, #d25354 0%,#a62b2c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d25354', endColorstr='#a62b2c',GradientType=0 ); border: 1px solid #a62b2c; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.red:active { background: #a62b2c; background: -moz-linear-gradient(top, #a62b2c 0%, #d25354 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a62b2c), color-stop(100%,#d25354)); background: -webkit-linear-gradient(top, #a62b2c 0%,#d25354 100%); background: -o-linear-gradient(top, #a62b2c 0%,#d25354 100%); background: -ms-linear-gradient(top, #a62b2c 0%,#d25354 100%); background: linear-gradient(to bottom, #a62b2c 0%,#d25354 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62b2c', endColorstr='#d25354',GradientType=0 ); } .button.orange { background: #fa9e19; background: -moz-linear-gradient(top, #fa9e19 0%, #fb6909 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9e19), color-stop(100%,#fb6909)); background: -webkit-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -o-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -ms-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: linear-gradient(to bottom, #fa9e19 0%,#fb6909 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9e19', endColorstr='#fb6909',GradientType=0 ); border: 1px solid #FB6909; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.orange:active { background: #fb6909; background: -moz-linear-gradient(top, #fb6909 0%, #fa9e19 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6909), color-stop(100%,#fa9e19)); background: -webkit-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -o-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -ms-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: linear-gradient(to bottom, #fb6909 0%,#fa9e19 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6909', endColorstr='#fa9e19',GradientType=0 ); } .button.blue { background: #4e6484; background: -moz-linear-gradient(top, #4e6484 0%, #3b4c65 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e6484), color-stop(100%,#3b4c65)); background: -webkit-linear-gradient(top, #4e6484 0%,#3b4c65 100%); background: -o-linear-gradient(top, #4e6484 0%,#3b4c65 100%); background: -ms-linear-gradient(top, #4e6484 0%,#3b4c65 100%); background: linear-gradient(to bottom, #4e6484 0%,#3b4c65 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e6484', endColorstr='#3b4c65',GradientType=0 ); border: 1px solid #4e6484; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.27) inset; } .button.blue:active { background: #3b4c65; background: -moz-linear-gradient(top, #3b4c65 0%, #4e6484 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b4c65), color-stop(100%,#4e6484)); background: -webkit-linear-gradient(top, #3b4c65 0%,#4e6484 100%); background: -o-linear-gradient(top, #3b4c65 0%,#4e6484 100%); background: -ms-linear-gradient(top, #3b4c65 0%,#4e6484 100%); background: linear-gradient(to bottom, #3b4c65 0%,#4e6484 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4c65', endColorstr='#4e6484',GradientType=0 ); } .button.rosy { background: #f295a2; background: -moz-linear-gradient(top, #ee7787 0%, #e84a5f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7787), color-stop(100%,#e84a5f)); background: -webkit-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -o-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -ms-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: linear-gradient(to bottom, #ee7787 0%,#e84a5f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7787', endColorstr='#e84a5f',GradientType=0 ); border: 1px solid #e84a5f; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.rosy:active { background: #e84a5f; background: -moz-linear-gradient(top, #e84a5f 0%, #ee7787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84a5f), color-stop(100%,#ee7787)); background: -webkit-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -o-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -ms-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: linear-gradient(to bottom, #e84a5f 0%,#ee7787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84a5f', endColorstr='#ee7787',GradientType=0 ); } .button.pink { background: #e3618d; background: -moz-linear-gradient(top, #e3618d 0%, #cb245c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3618d), color-stop(100%,#cb245c)); background: -webkit-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -o-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -ms-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: linear-gradient(to bottom, #e3618d 0%,#cb245c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3618d', endColorstr='#cb245c',GradientType=0 ); border: 1px solid #cb245c; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.pink:active { background: #cb245c; background: -moz-linear-gradient(top, #cb245c 0%, #e3618d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb245c), color-stop(100%,#e3618d)); background: -webkit-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -o-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -ms-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: linear-gradient(to bottom, #cb245c 0%,#e3618d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb245c', endColorstr='#e3618d',GradientType=0 ); } .button.green { color: #fff; background: #81cc4b; background: -moz-linear-gradient(top, #81cc4b 0%, #60ae40 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81cc4b), color-stop(100%,#60ae40)); background: -webkit-linear-gradient(top, #81cc4b 0%,#60ae40 100%); background: -o-linear-gradient(top, #81cc4b 0%,#60ae40 100%); background: -ms-linear-gradient(top, #81cc4b 0%,#60ae40 100%); background: linear-gradient(to bottom, #81cc4b 0%,#60ae40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81cc4b', endColorstr='#60ae40',GradientType=0 ); border-color: #60AE40; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.green:active { background: #60ae40; background: -moz-linear-gradient(top, #60ae40 0%, #81cc4b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60ae40), color-stop(100%,#81cc4b)); background: -webkit-linear-gradient(top, #60ae40 0%,#81cc4b 100%); background: -o-linear-gradient(top, #60ae40 0%,#81cc4b 100%); background: -ms-linear-gradient(top, #60ae40 0%,#81cc4b 100%); background: linear-gradient(to bottom, #60ae40 0%,#81cc4b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60ae40', endColorstr='#81cc4b',GradientType=0 ); } .button.brown { background: #876565; background: -moz-linear-gradient(top, #876565 0%, #604848 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#876565), color-stop(100%,#604848)); background: -webkit-linear-gradient(top, #876565 0%,#604848 100%); background: -o-linear-gradient(top, #876565 0%,#604848 100%); background: -ms-linear-gradient(top, #876565 0%,#604848 100%); background: linear-gradient(to bottom, #876565 0%,#604848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876565', endColorstr='#604848',GradientType=0 ); border: 1px solid #604848; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.brown:active { background: #604848; background: -moz-linear-gradient(top, #604848 0%, #876565 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#604848), color-stop(100%,#876565)); background: -webkit-linear-gradient(top, #604848 0%,#876565 100%); background: -o-linear-gradient(top, #604848 0%,#876565 100%); background: -ms-linear-gradient(top, #604848 0%,#876565 100%); background: linear-gradient(to bottom, #604848 0%,#876565 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604848', endColorstr='#876565',GradientType=0 ); } .button.purple { background: #524656; background: -moz-linear-gradient(top, #635569 0%, #372f3a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#635569), color-stop(100%,#372f3a)); background: -webkit-linear-gradient(top, #635569 0%,#372f3a 100%); background: -o-linear-gradient(top, #635569 0%,#372f3a 100%); background: -ms-linear-gradient(top, #635569 0%,#372f3a 100%); background: linear-gradient(to bottom, #635569 0%,#372f3a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#635569', endColorstr='#372f3a',GradientType=0 ); border: 1px solid #372f3a; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.purple:active { background: #372f3a; background: -moz-linear-gradient(top, #372f3a 0%, #635569 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#372f3a), color-stop(100%,#635569)); background: -webkit-linear-gradient(top, #372f3a 0%,#635569 100%); background: -o-linear-gradient(top, #372f3a 0%,#635569 100%); background: -ms-linear-gradient(top, #372f3a 0%,#635569 100%); background: linear-gradient(to bottom, #372f3a 0%,#635569 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372f3a', endColorstr='#635569',GradientType=0 ); } .button.gold { background: #ffc750; background: -moz-linear-gradient(top, #ffc750 0%, #faaa00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc750), color-stop(100%,#faaa00)); background: -webkit-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -o-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -ms-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: linear-gradient(to bottom, #ffc750 0%,#faaa00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc750', endColorstr='#faaa00',GradientType=0 ); border: 1px solid #faaa00; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.gold:active { background: #faaa00; background: -moz-linear-gradient(top, #faaa00 0%, #ffc750 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faaa00), color-stop(100%,#ffc750)); background: -webkit-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -o-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -ms-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: linear-gradient(to bottom, #faaa00 0%,#ffc750 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa00', endColorstr='#ffc750',GradientType=0 ); } .button.teal { background: #3c9091; background: -moz-linear-gradient(top, #3c9091 0%, #286061 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9091), color-stop(100%,#286061)); background: -webkit-linear-gradient(top, #3c9091 0%,#286061 100%); background: -o-linear-gradient(top, #3c9091 0%,#286061 100%); background: -ms-linear-gradient(top, #3c9091 0%,#286061 100%); background: linear-gradient(to bottom, #3c9091 0%,#286061 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9091', endColorstr='#286061',GradientType=0 ); border: 1px solid #286061; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.teal:active { background: #286061; background: -moz-linear-gradient(top, #286061 0%, #3c9091 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286061), color-stop(100%,#3c9091)); background: -webkit-linear-gradient(top, #286061 0%,#3c9091 100%); background: -o-linear-gradient(top, #286061 0%,#3c9091 100%); background: -ms-linear-gradient(top, #286061 0%,#3c9091 100%); background: linear-gradient(to bottom, #286061 0%,#3c9091 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286061', endColorstr='#3c9091',GradientType=0 ); } .button.navy { background: #2c76cf; background: -moz-linear-gradient(top, #2c76cf 0%, #1d4e89 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c76cf), color-stop(100%,#1d4e89)); background: -webkit-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -o-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -ms-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: linear-gradient(to bottom, #2c76cf 0%,#1d4e89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c76cf', endColorstr='#1d4e89',GradientType=0 ); border: 1px solid #1d4e89; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.navy:active { background: #1d4e89; background: -moz-linear-gradient(top, #1d4e89 0%, #2c76cf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4e89), color-stop(100%,#2c76cf)); background: -webkit-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -o-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -ms-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: linear-gradient(to bottom, #1d4e89 0%,#2c76cf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4e89', endColorstr='#2c76cf',GradientType=0 ); } .button.normal { font-size: 11px } .button.large { font-size: 13px } .button.giant { font-size: 16px } .button.left { float: left } .button.right { float: right; margin-right: 0; margin-left: 5px; } .button.center { margin: 0 auto } /*toggle*/ .wpex-toggle-wrap { margin: 0; } .wpex-toggle-wrap h3.trigger { margin: 0px; } .wpex-toggle-wrap h3.trigger a.trigger-link { color: #777; display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 8px; background: #f5f5f5; } .wpex-toggle-wrap h3.trigger a.trigger-link:hover, .wpex-toggle-wrap h3.active a.trigger-link, .wpex-toggle-wrap h3.active a.trigger-link:hover { border: 1px solid #ddd; color: #444; background: #eee; } .wpex-toggle-wrap .toggle_container { background-color: #fdfdfd; overflow: hidden; padding: 20px; border: 1px solid #ddd; border-top: 0px } .wpex-toggle-wrap h3.trigger a span[class*='wpex-icon-'] { margin-right: 7px } /*.accordion*/ .wpex-accordion .trigger { font-size: 12px; margin-bottom: 0px; margin-top: 8px; } .wpex-accordion .trigger { color: #777; display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 8px; background-color: #f5f5f5; cursor: pointer } .ui-state-focus { outline: none } .wpex-accordion h3.trigger:hover, .wpex-accordion .ui-state-active { color: #444; background: #eee; } .wpex-accordion .ui-accordion-content { background-color: #fdfdfd; padding: 20px; border: 1px solid #ddd; border-top: 0px; } .wpex-accordion .ui-accordion-content p:last-child { margin: 0px } .wpex-accordion .ui-icon{ margin-right: 7px } /*tabs*/ .tab-shortcode ul.ui-tabs-nav { display: block; margin: 0; padding: 0; border-bottom: solid 1px #ddd; margin-left: 1px; } .tab-shortcode ul.ui-tabs-nav li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } .tab-shortcode ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background-color: #f5f5f5; font-size: 12px; color: #444 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.7); } .tab-shortcode ul.ui-tabs-nav li a:hover{ color: #333; background: #eee; } .tab-shortcode ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111 !important; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .tab-shortcode ul.ui-tabs-nav .ui-state-active a:hover{ background: #fff } .tab-shortcode ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0 } .tab-shortcode ul.ui-tabs-nav li:first-child a { border-width: 1px 1px 0 1px; } .tab-shortcode .tab-content { background: #fff; padding: 20px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } .tab-shortcode ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .tab-shortcode ul.tabs:after { clear: both } .tab-shortcode ul.tabs { zoom: 1 } .tab-shortcode .ui-tabs-hide { display: none } .tab-shortcode:before, ul.tab-shortcode:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .tab-shortcode:after { clear: both } .tab-shortcode { zoom: 1 } .tab-shortcode .ui-tabs-hide { display: none } /*columns*/ .one-half, .two-columns { width: 48% } .one-third, .three-columns { width: 30.66% } .one-two-third { width: 65.33% } .one-fourth, .four-columns { width: 22% } .one-three-fourth { width: 74% } .one-fifth { width: 16.8% } .one-sixth { width: 13.33% } .two-columns, .three-columns, .four-columns, .one-two-third, .one-three-fourth, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; } .column-last { margin-right: 0px } .column-first { margin-left: 0px } .column-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } #main-content .one-full h1:first-child, #main-content .one-full h2:first-child, #main-content .one-full h3:first-child, #main-content .one-full h4:first-child, #main-content .one-full h5:first-child, #main-content .one-full h6:first-child, #main-content .one-half h1:first-child, #main-content .one-half h2:first-child, #main-content .one-half h3:first-child, #main-content .one-half h4:first-child, #main-content .one-half h5:first-child, #main-content .one-half h6:first-child, #main-content .one-third h1:first-child, #main-content .one-third h2:first-child, #main-content .one-third h3:first-child, #main-content .one-third h4:first-child, #main-content .one-third h5:first-child, #main-content .one-third h6:first-child, #main-content .one-fourth h1:first-child, #main-content .one-fourth h2:first-child, #main-content .one-fourth h3:first-child, #main-content .one-fourth h4:first-child, #main-content .one-fourth h5:first-child, #main-content .one-fourth h6:first-child, #main-content .one-fifth h1:first-child, #main-content .one-fifth h2:first-child, #main-content .one-fifth h3:first-child, #main-content .one-fifth h4:first-child, #main-content .one-fifth h5:first-child, #main-content .one-fifth h6:first-child, #main-content .one-sixth h1:first-child, #main-content .one-sixth h2:first-child, #main-content .one-sixth h3:first-child, #main-content .one-sixth h4:first-child, #main-content .one-sixth h5:first-child, #main-content .one-sixth h6:first-child, #main-content .one-two-third h3:first-child, #main-content .one-two-third h4:first-child, #main-content .one-ftwo-third h5:first-child, #main-content .one-two-third h6:first-child, #main-content .one-three-fourth h3:first-child, #main-content .one-three-fourth h4:first-child, #main-content .one-three-fourth h5:first-child, #main-content .one-three-fourth h6:first-child { margin-top: 0px } /* Pricing Table */ .pricing-table > li{ border: 1px solid #ddd; background-color: #f9f9f9; margin-bottom: 0; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } .pricing-header{ background: #f5f5f5; text-align: center; padding: 25px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; border: 1px solid #fff; } .pricing-header h4{ color: #333; margin: 0 0 15px; font-size: 18px; line-height: 1em; } .pricing-cost{ } .pricing-cost .pricing-ammount{ display: inline-block; color: #fff; background: #adce5c; font-weight: bold; font-size: 18px; height: 60px; width: 60px; line-height: 60px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); text-shadow: 0 -1px 0 #7a9439; border: 1px solid #7a9439; } .pricing-cost .pricing-cost-extra{ margin-top: 15px; display: block; color: #888; font-weight: bold; font-size: 13px; text-shadow: 1px 1px 1px #fff; } .pricing-content{ padding: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #7f7f7f; text-align: center; font-weight: bold; } .pricing-content ul{ margin: 0; } .pricing-content ul li{ margin: 0 0 5px;} .pricing-button{ margin: 0; text-align: center; border-top: 1px solid #fff; padding: 20px } .pricing-button .button{ float: none; margin: 0 auto; display: inline-block; } /* Isotope CSS Animations ================================================== */ .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: top, left, 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; }