#main {
padding: 10px 40px;
}
+div[role=main] {
+ padding: 0px;
+}
#navRow {
padding-top: 20px;
height: 100px;
background-color: $white;
max-width: 1000px;
margin: 0 auto;
- box-shadow: 0 0 10px $black;
+ box-shadow: 0 0 10px grey;
/*border: 1px solid $black;*/
}
.top-bar-container {
position: relative;
margin-bottom: 0 !important;
- width: 578px;
+ width: 540px;
height: 65px;
border-radius: $glm-border-radius 0 0 0;
z-index: 9;
}
nav.top-bar {
height: 60px;
- width: 550px;
+ width: 555px;
float: right;
border-radius: $glm-border-radius 0 0 0;
}
padding-top: 20px;
}
#glmLogo {
- margin-top: 45px;
- margin-left: 50px;
+ margin-top: 30px;
+ margin-left: 40px;
}
.glmSocial {
width: 250px;
}
}
#homepage_market_experts {
- padding: 20px;
+ padding: 0 20px;
text-align: center;
}
#homepage_market_experts > div {
padding: 15px;
}
.home_section_title {
- font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+ font-family: "times";
font-weight: normal;
+ font-size: 48px;
border-bottom: 1px solid $secondary-color;
width: 70%;
- margin-left: auto;
- margin-right: auto;
+ margin: 35px auto 25px;
+ padding-bottom: 5px;
}
.homepage_box {
- height: 215px;
+ height: 200px;
border: 1px black solid;
position: relative;
}
}
.homepage_box_title {
font-weight: bold;
- margin: 18px;
+ margin: 15px 10px;
font-size: 18px;
color: $secondary-color;
}
}
.homepage_box_desc {
color: #6d6e71;
- font-size: 16px;
-/* text-align: center;*/
- margin: 0 30px;
+ font-size: 15px;
+ margin: 0 25px;
}
.homepage_box_arrow {
width: 100%;
#homepage_portfolio {
text-align:center;
}
+ #homepage_portfolio li {
+ width: auto;
+ }
#homepage_portfolio > p,
#homepage_problem_solvers > p {
padding: 0 40px;
+ line-height: 100%;
}
- #homepage_portfolio,
+ #homepage_portfolio {
+ margin: 0 20px 20px 20px;
+ #gallery {
+ margin: 0 -0.8rem 0 -0.75rem;
+ }
+ }
+
+
#homepage_portfolio > p,
#homepage_problem_solvers > p {
text-align:center;
- font-family: Helvetica !important;
- font-size: 18px !important;
- color: grey !important;
- margin: 0;
+ font-family: "Helvetica" bold !important;
+ font-size: 24px !important;
+ margin: 0 0 20px;
}
#homepage_testimonials {
width: 100%;
text-align:center;
background-color: $secondary-color;
margin: 10px 0;
- -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
- -moz-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
- box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+ -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5),
+ inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5),
+ inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5),
+ inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
height: 240px;
}
#glmLogo {
- margin: 10px 0 0 0;
+ margin: 10px 0 0;
+ padding: 0 10px;
}
#glmTop{
margin-left: auto;
#homepage_testimonials {
height: 330px;
}
+ .metaslider {
+ display: none;
+ }
+ .inner-container {
+ margin-top: 30px;
+ }
}
.homepage_testimonials_larrow {
background-position: center;
}
.ngg-gallery-thumbnail .ngg-fancybox:hover img {
- opacity: 0.5;
+ opacity: 0.3;
}
.ngg-fancybox .photoTitle {
color: white;
font-style: normal;
text-decoration: none;
}
+ #homepage_portfolio .ngg-fancybox img {
+ margin: 0 !important;
+ }
+ [class*="block-grid-"] > li {
+ display: inline-flex;
+ float: none;
+ height: auto;
+ padding: 0 0.625rem 1.25rem;
+ }
+
#homepage_problem_solvers {
text-align:center;
}
border: 1px solid black;
border-radius: 4px;
color: white;
- background: rgb(0,62,124); /* Old browsers */
- background: -moz-linear-gradient(45deg, rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
- background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
- background: -ms-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
- background: linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-
-/* background-color: #0568b3;*/
+ background:#0568b3;
+ float: none;
font-family: times;
font-size: 18px;
- font-style: italic;
+/* font-style: italic;*/
}
#fancybox-title-inside {
- background: rgb(0,62,124); /* Old browsers */
- background: -moz-linear-gradient(45deg, rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
- background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
- background: -ms-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
- background: linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-
-/* background-color: #0568b3;*/
+ background:#0568b3;
border-radius: 4px;
color: white;
font-family: times;
}
.ngg-gallery-thumbnail img {
padding: 0 !important;
- margin-left: auto !important;
- margin-right: auto !important;
+ margin: none auto !important;
float: none;
+ display: inline-block;
+ border: 0;
+ border-bottom: 1px solid #a9a9a9
}
.slideshowlink {
display:none;
}
.glmServicesNav {
- margin-left: -28px;
+/* margin-left: -28px;*/
}
#menu-menu-1 .glmServicesNav > a {
border-top-left-radius: 8px;
background: linear-gradient(to bottom, rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 ); /* IE6-8 */
}
+ .top-bar-section > ul {
+ margin-left: 15px;
+ }
/**
}
@media (max-width: 640px) {
- #donate_form tbody tr {
+ #payment_form tbody tr {
width: 100%;
display: block;
}
- #donate_form table {
+ #payment_form table {
/* width: 250px;*/
width: 100%;
display: block;
}
- #donate_form tbody {
+ #payment_form tbody {
width: 100%;
display: block;
}
#main {
- padding: 0;
+ padding: 10%;
}
}
--- /dev/null
+/**
+ * Table of Contents for FoundationPress:
+ *
+ * 1.0 - Custom settings
+ * 2.0 - Typography
+ * 3.0 - Header, sidebar and footer
+ * 4.0 - Content
+ * 4.1 - Pages
+ * 4.2 - Posts
+ * 4.3 - Widgets
+ * 4.4 - Comments
+ * 4.5 - Lists
+ * 4.6 - Forms
+ * 5.0 - Plugins
+
+ * ----------------------------------------------------------------------------
+ */
+
+
+
+/**
+ * 1.0 Custom settings
+ * ----------------------------------------------------------------------------
+ */
+
+body {
+ background-color: $black;
+ background-image: url("../assets/img/images/bg.png");
+ font-size: 14px;
+}
+p, ul, ol, li, dl, span {
+ font-size: 14px;
+}
+h1 {
+ font-size: 36px;
+}
+h2 {
+ font-size: 1.3rem;
+ margin-top: 30px;
+}
+#main {
+ padding: 10px 40px;
+}
+#navRow {
+ padding-top: 20px;
+ height: 100px;
+}
+#home.container {
+ background-color: $white;
+ max-width: 1000px;
+ margin: 0 auto;
+ box-shadow: 0 0 10px $black;
+ /*border: 1px solid $black;*/
+}
+.top-bar-container {
+ float: right;
+ /* background: $primary-color;*/
+ background: rgb(107,176,229); /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYjBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzA1NjhiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTY4YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(107,176,229,1) 0%, rgba(32,124,202,1) 50%, rgba(5,104,179,1) 75%, rgba(5,104,179,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,176,229,1)), color-stop(50%,rgba(32,124,202,1)), color-stop(75%,rgba(5,104,179,1)), color-stop(100%,rgba(5,104,179,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* IE10+ */
+ background: linear-gradient(to bottom, rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb0e5', endColorstr='#0568b3',GradientType=0 ); /* IE6-8 */
+
+
+ position: relative;
+ margin-bottom: 0 !important;
+ width: 578px;
+ height: 65px;
+ border-radius: $glm-border-radius 0 0 0;
+ z-index: 9;
+
+}
+nav.top-bar {
+ height: 60px;
+ width: 550px;
+ float: right;
+ border-radius: $glm-border-radius 0 0 0;
+}
+#menu-menu-1 li:first-of-type {
+ display: none;
+}
+#menu-menu-1 .glmServicesNav > a::before {
+ content: "What We Do";
+ font-size: 14px;
+ position: absolute;
+ left: 31px;
+ top: 20px;
+ text-transform: none;
+}
+#menu-menu-1 .glmOurWorkNav > a::before {
+ content: "Portfolio of Results";
+ font-size: 14px;
+ position: absolute;
+ left: 10px;
+ top: 20px;
+ text-transform: none;
+}
+#menu-menu-1 .glmWhoWeAreNav > a::before {
+ content: "Problem Solvers";
+ font-size: 14px;
+ position: absolute;
+ left: 35px;
+ top: 20px;
+ text-transform: none;
+}
+.border {
+ border: solid 1px $black;
+}
+ul.global-nav {
+ width: 247px;
+}
+ul.global-nav li {
+ margin: 0;
+ list-style: none outside none;
+ float: left;
+ margin-right: 9px;
+}
+ul.global-nav a {
+ color: $black;
+ text-decoration: underline;
+ font-size: 14px;
+ /*font-weight: bold;*/
+}
+ul.global-nav li + li::before {
+ content: " | ";
+}
+#glmTop {
+ width: 100%;
+ height: 63px;
+ margin-bottom: 0;
+}
+.inner-container {
+ margin-top: 77px;
+}
+#glmTop .columns .columns {
+ height: 55px;
+ padding-top: 20px;
+}
+#glmLogo {
+ margin-top: 45px;
+ margin-left: 50px;
+}
+.glmSocial {
+ width: 250px;
+ color: $secondary-color;
+ font-size: 18px;
+ font-weight: bold;
+}
+.glmSocial img {
+ margin-right: 5px;
+}
+// footer links
+.glmcustom-footer-list {
+ @include inline-list;
+ margin: 0 0 0 18px;
+ a {
+ color: $white;
+ font-size: 18px;
+ }
+ li {
+ margin: 0;
+ }
+ li + li a::before {
+ content: " - ";
+ margin: 0 10px;
+ padding: 0;
+ }
+}
+// Footer area
+#glmBottom {
+ background: linear-gradient(180deg, #1162A2, #5095CA);
+ text-align: center;
+ color: $white;
+ height: auto;
+ margin-bottom:0;
+}
+@media #{$large-up} {
+ #glmBottom {
+ height: 170px;
+ width: 100%;
+ margin-bottom: 50px;
+ }
+}
+.vcard li {
+ display: inline-block;
+}
+.vcard li.fn {
+ display: block;
+ font-size: 25px;
+}
+ul.vcard li + li + li::before {
+ content: " | ";
+}
+.vcard {
+ margin: 0;
+ /*margin-top: 20px;*/
+}
+.copyright {
+ margin-top: 10px;
+}
+footer ul li.separator {
+ font-size: 12px;
+ list-style: none;
+ padding: 0 10px 0 0;
+ margin: 0 10px 0 0;
+}
+footer ul li.separator a {
+ color: $white;
+}
+footer ul {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+// Reset margin and padding on figure element
+figure {
+ margin: 0;
+ padding: 0;
+}
+
+// Add some basic styling for figcaption element
+figcaption {
+ margin-bottom: rem-calc(20);
+ margin-top: rem-calc(10);
+ color: #6f6f6f;
+}
+
+// Add the alignment classes used by the WordPress media library
+
+.alignleft {
+ float: left;
+}
+
+.alignright {
+ float: right;
+}
+
+.aligncenter {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+blockquote.alignleft,
+img.alignleft {
+ margin: rem-calc(7) rem-calc(24) rem-calc(7) 0;
+}
+
+.wp-caption.alignleft {
+ margin: rem-calc(7) rem-calc(14) rem-calc(7) 0;
+}
+
+blockquote.alignright,
+img.alignright {
+ margin: rem-calc(7) 0 rem-calc(7) rem-calc(24);
+}
+// for the mobile menu
+aside.left-off-canvas-menu {
+ background: transparent;
+ background-color: rgba(255, 255, 255, 0.8);
+}
+aside.left-off-canvas-menu ul.off-canvas-list li {
+ display: block;
+ overflow: hidden;
+ position: relative;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a {
+ font-family: "Arial";
+ font-size: 18px;
+ line-height: 20px;
+ color: black;
+ border-bottom: 1px solid #b1b3b6;
+ background-repeat: no-repeat;
+ background-position: 3px 50%;
+ padding-left: 55px;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a:hover {
+ background-color: transparent;
+ color: #f27225;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a.toggle {
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEIxREJCRjkxOTc3MTFFNEExMUU4NDJENjA5NTYyNEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxREJCRkExOTc3MTFFNEExMUU4NDJENjA5NTYyNEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QjFEQkJGNzE5NzcxMUU0QTExRTg0MkQ2MDk1NjI0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QjFEQkJGODE5NzcxMUU0QTExRTg0MkQ2MDk1NjI0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmLH3EUAAAKASURBVHja7FpNKERRFH7jJ7KQkiKllGRBSRY2ViR2io2yUpSUhiLJb4QQg7KwsLJQNnZKysJWslB+RokSJdEkURjfae5imsa8d9+777lyTn3d3pt77/veOe+cc++54wuHw4bOkmRoLkyQCTLBv04wxekExQd3jsZfVOf9Aw1CSzto6iXmDQGfJn32gSZVJu4BaiX6Z5r8/gGMKnMSfCdnaFYVWm4NOFHtxWPAowJyNMeI8jADLT7JTJxAhmVeNMkt0/wgx2IOdwI1tPghHMaO0MKz24J3O4uDILmHZtsGwU3gwKtU1w+8S/R/BQY8y8XQYhDNssSQGeDG68XCJHBvod8VMOf5agZaDImQYSa9wNtvLbfWgaMEv+/adCg1BKHFLzT+BPnWr8OClULHVpz7lLtPdVlR98V8Zw9WVyteEbyO8dRB4Fm3PckscAscCufRY08SJS8iW1wCXzoSJNlQvSfxcXWLCTJBJsgEmSATZIJMkAkyQSb4i8InTbqZuApo1crEMS+7ApDNtsVGXisNtgGVQL4RqWFrZeIsYCrqmqpdBToRpFJbTtR1OjCvC8ESoCvO/WagWgeCS0BqnPs+IOD0GY4GI0g3oqlL0KVCOI/3BEGOvrMFC10nDPMDblc0SJ5aaKFfLjBk9yG26oPQHoUQquBnWBxC53plQNCrXDwtQY4kzYjUsN03MbRHoaPFxrPIoWpcJQhyyUbklNNnU/MB2fwvq8EOoNyBY5UC7a44CbSXjeYcyHYY2OkPFUWGOOhR6SQTCsgZYo5xpSaG9kqFeVVJp8jhyhas9MYhkz7JEhmDcvci0OBKoOZNk0oNcmWBCTJBJsgEmaDe8i3AAABaiPID+002AAAAAElFTkSuQmCC');
+ background-repeat: no-repeat;
+ background-position: 50% 3px;
+ width: 40px;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ transition: none;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a.toggle.open {
+ background-position: 50% -40px;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li > ul {
+ display: none;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li > ul li > a {
+ padding-left: 10px;
+ margin-left: 25px;
+ font-size: 16px;
+ line-height: 18px;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li > ul.open {
+ display: block;
+}
+aside#sidebar {
+ background-color: #F3F3F4;
+ color: $secondary-color;
+ padding-top: 10px;
+ margin-top: 68px;
+ width: 280px;
+ border-radius: 0 $glm-border-radius $glm-border-radius 0;
+}
+aside#sidebar li {
+ list-style: none;
+}
+aside#sidebar a {
+ color: $secondary-color;
+ font-weight: bold;
+}
+article header h1 {
+ border-bottom: solid 1px $secondary-color;
+}
+article h2 {
+ color: $primary-color;
+}
+// Add some whitespace between top bar and content
+.top-bar-container, .tab-bar {
+ margin-bottom: rem-calc(32);
+}
+#menu-menu-1 ul li a {
+ font-size: 12px;
+ font-weight: bold;
+}
+
+// Fix the issue where the WP adminbar overlaps the mobile menu
+#wpadminbar {
+ position: fixed !important;
+}
+
+/**
+ * 2.0 Typography
+ * ----------------------------------------------------------------------------
+ */
+
+// Insert styles here
+
+
+/**
+ * 3.0 Header, sidebar and footer
+ * ----------------------------------------------------------------------------
+ */
+.top-bar {
+ background: transparent;
+}
+// A more subtle background color for the active menu item
+.top-bar-section li.active:not(.has-form) a:not(.button) {
+ background: transparent;
+}
+.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
+ background: transparent;
+}
+
+.top-bar-section > li,
+.top-bar-section > ul > li,
+.top-bar-section > ul > li > a,
+.top-bar-section li:not(.has-form) a:not(.button) {
+ background:transparent;
+ position: relative;
+}
+// Add some whitespace above the footer for medium-up screens
+@media #{$medium-up} {
+ footer.row {
+ margin-top: rem-calc(60);
+ }
+}
+
+/**
+ * 4.0 Content
+ * ----------------------------------------------------------------------------
+ */
+
+
+ /**
+ * 4.1 Pages
+ * ------------------------------------
+ */
+
+ // Hero
+
+ #homepage-hero {
+ background: url("http://foundation.zurb.com/assets/img/marquee-stars.svg") repeat scroll 0 0 #074E68;
+ padding: rem-calc(20) 0;
+ margin: - rem-calc(32) 0 rem-calc(32);
+ position: relative;
+ text-align: left;
+ height: auto;
+
+ h1 a, h4 { color: #fff; }
+
+ .floatingyeti img {
+ max-width: 30%;
+ position: absolute;
+ right: rem-calc(100);
+ }
+
+ .download { margin-top: rem-calc(20); }
+ }
+
+ // Home
+ .homepage_slideshow {
+ padding: 0;
+ }
+ #slider {
+ @media (min-width:575px) and (max-width:1024px) {
+ margin-top: 30px;
+ }
+ }
+ #homepage_market_experts {
+ padding: 20px;
+ text-align: center;
+ }
+ #homepage_market_experts > div {
+ padding: 15px;
+ }
+ .home_section_title {
+ font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+ font-weight: normal;
+ border-bottom: 1px solid $secondary-color;
+ width: 70%;
+ margin-left: auto;
+ margin-right: auto;
+
+ }
+ .homepage_box {
+ height: 215px;
+ border: 1px black solid;
+ position: relative;
+ }
+ .homepage_box:hover {
+ background: $secondary-color;
+ }
+ .homepage_box_title {
+ font-weight: bold;
+ margin: 18px;
+ font-size: 18px;
+ color: $secondary-color;
+ }
+ .homepage_box:hover .homepage_box_title,
+ .homepage_box:hover .homepage_box_desc {
+ color: white;
+ }
+ .homepage_box_desc {
+ color: #6d6e71;
+ font-size: 16px;
+/* text-align: center;*/
+ margin: 0 30px;
+ }
+ .homepage_box_arrow {
+ width: 100%;
+ position: absolute;
+ bottom: 0px;
+ }
+ .homepage_box_arrow > div {
+ background-image: url("../assets/img/images/arrowOrangeRight.png");
+ width: 31px;
+ height: 28px;
+ margin: 20px auto;
+ }
+ .homepage_box:hover .homepage_box_arrow > div {
+ background-image: url("../assets/img/images/arrowWhiteRight.png");
+ }
+ #homepage_portfolio {
+ text-align:center;
+ }
+ #homepage_portfolio > p,
+ #homepage_problem_solvers > p {
+ padding: 0 40px;
+ }
+ #homepage_portfolio,
+ #homepage_portfolio > p,
+ #homepage_problem_solvers > p {
+ text-align:center;
+ font-family: Helvetica !important;
+ font-size: 18px !important;
+ color: grey !important;
+ margin: 0;
+ }
+ #homepage_testimonials {
+ width: 100%;
+ height: 165px;
+ font-size: 1rem;
+/* max-height: 200px;*/
+ text-align:center;
+ background-color: $secondary-color;
+ margin: 10px 0;
+ -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+ -moz-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+ box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+
+ }
+ @media (max-width: 768px) {
+ #homepage_testimonials {
+ height: 200px;
+ }
+ }
+ @media (max-width:640px) {
+ #homepage_testimonials {
+ height: 240px;
+ }
+ #glmLogo {
+ margin: 10px 0 0 0;
+ }
+ #glmTop{
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ text-align: center;
+ }
+}
+ @media (max-width: 480px) {
+ #homepage_testimonials {
+ height: 290px;
+ font-size: 0.9rem !important;
+ }
+ .homepage_box_title {
+ margin: 10px;
+ }
+ .homepage_box_arrow {
+ bottom: -10px;
+ }
+ }
+ @media (max-width: 320px) {
+ #homepage_testimonials {
+ height: 330px;
+ }
+ }
+
+ .homepage_testimonials_larrow {
+ min-width: 31px;
+ height: 100%;
+ background-image: url("../assets/img/images/arrowWhiteRight.png");
+ background-repeat: no-repeat;
+ background-position: center;
+ -moz-transform: scaleX(-1);
+ -o-transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
+ filter: FlipH;
+ -ms-filter: "FlipH";
+ z-index: 0;
+ -webkit-transition: background 0.3s linear;
+ -moz-transition: background 0.3s linear;
+ -ms-transition: background 0.3s linear;
+ -o-transition: background 0.3s linear;
+ transition: background 0.3s linear;
+ }
+ .homepage_testimonials_over {
+ background-color:Black;
+ opacity:0.0;
+ display: none;
+ height: 100%;
+ width: 125%;
+ }
+ .homepage_testimonials_rarrow:hover,
+ .homepage_testimonials_larrow:hover {
+ cursor: pointer;
+ background-color: rgba(0,0,0,0.2);
+ }
+ .homepage_testimonials_rarrow {
+ padding: 5px;
+ min-width: 31px;
+ height: 100%;
+ background-image: url("../assets/img/images/arrowWhiteRight.png");
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+ .homepage_testimonials_text {
+ padding: 25px 10px;
+ overflow: hidden;
+ height: 100%;
+ text-decoration: none;
+ color: white;
+ font-style: italic;
+ }
+ .homepage_testimonials_text p {
+ font-size: 16px;
+ }
+ .ngg-gallery-thumbnail .ngg-fancybox .image_overlay {
+ cursor: pointer;
+ -webkit-transition: background 0.3s linear;
+ -moz-transition: background 0.3s linear;
+ -ms-transition: background 0.3s linear;
+ -o-transition: background 0.3s linear;
+ transition: background 0.3s linear;
+ background-image: url("../assets/img/portfolio/pf_Hover.png");
+
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+ .ngg-gallery-thumbnail .ngg-fancybox:hover img {
+ opacity: 0.5;
+ }
+ .ngg-fancybox .photoTitle {
+ color: white;
+ font-weight: bold;
+ }
+ .ngg-fancybox .photoHead {
+ color: white;
+ font-style: normal;
+ text-decoration: none;
+ }
+ #homepage_problem_solvers {
+ text-align:center;
+ }
+ .ngg-galleryoverview {
+ padding: 20px;
+ }
+ .ngg-gallery-thumbnail-box {
+ margin: 5px 0 !important;
+ border: 1px solid black;
+ border-radius: 4px;
+ color: white;
+ background: rgb(0,62,124); /* Old browsers */
+ background: -moz-linear-gradient(45deg, rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
+ background: linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
+/* background-color: #0568b3;*/
+ font-family: times;
+ font-size: 18px;
+ font-style: italic;
+ }
+ #fancybox-title-inside {
+ background: rgb(0,62,124); /* Old browsers */
+ background: -moz-linear-gradient(45deg, rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
+ background: linear-gradient(45deg, rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
+/* background-color: #0568b3;*/
+ border-radius: 4px;
+ color: white;
+ font-family: times;
+ font-size: 16px;
+ a {
+ text-decoration: underline;
+ color: white;
+ font-style: italic;
+ }
+ }
+ .ngg-gallery-thumbnail {
+ float: none !important;
+ }
+ .ngg-gallery-thumbnail img {
+ padding: 0 !important;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ float: none;
+ }
+ .slideshowlink {
+ display:none;
+ }
+ .top-bar-menu > li.menu-item > a {
+ padding-bottom: 10px;
+ }
+ #menu-menu-1 .glmServicesNav > a {
+ padding-bottom: 10px;
+ }
+ .top-bar-menu > li.menu-item > ul li ul li:only-child a {
+/* border-top-right-radius: 15px;*/
+/* border-bottom-right-radius: 15px;*/
+ }
+ .top-bar-menu > li.menu-item > ul li ul li:first-child a {
+/* border-top-right-radius: 15px;*/
+ }
+ .top-bar-menu > li.menu-item > ul li:last-child {
+
+ a {
+/* border-bottom-left-radius: 15px;*/
+
+/* border-bottom-right-radius: 15px;*/
+ }
+ }
+ .top-bar-menu > li.menu-item > ul li:last-child:hover > a {
+ border-radius: 0;
+ }
+
+ .top-bar-menu > li.menu-item > ul li ul li:last-child {
+ background-color: transparent;
+ a {
+/* border-bottom-right-radius: 15px;*/
+ }
+ }
+ .ngg-gallery-thumbnail img:hover {
+ color: white;
+ }
+
+ #fancybox-title {
+ position: absolute;
+ top: 0;
+ padding-top: 10px;
+ padding-bottom: 5px;
+ #fancybox-title-inside {
+ padding: 2px 0;
+ }
+ }
+ #fancybox-outer,
+ #fancybox-left,
+ #fancybox-right {
+ padding-top:40px;
+ }
+ .top-bar-section ul > li:hover:not(.has-form) > a {
+
+ background: rgb(244,130,40); /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmQ0YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(244,130,40,1) 0%, rgba(244,130,40,1) 25%, rgba(242,142,65,1) 50%, rgba(242,212,188,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,130,40,1)), color-stop(25%,rgba(244,130,40,1)), color-stop(50%,rgba(242,142,65,1)), color-stop(100%,rgba(242,212,188,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* IE10+ */
+ background: linear-gradient(to bottom, rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48228', endColorstr='#f2d4bc',GradientType=0 ); /* IE6-8 */
+ }
+ .top-bar-section ul > li:hover:not(.has-form) > a {
+
+ background: rgb(242,212,188); /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZDRiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDgyMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(242,212,188,1) 0%, rgba(242,142,65,1) 50%, rgba(244,130,40,1) 75%, rgba(244,130,40,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,212,188,1)), color-stop(50%,rgba(242,142,65,1)), color-stop(75%,rgba(244,130,40,1)), color-stop(100%,rgba(244,130,40,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* IE10+ */
+ background: linear-gradient(to bottom, rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 ); /* IE6-8 */
+ }
+
+
+ /**
+ * 4.2 Posts
+ * ------------------------------------
+ */
+
+ // Insert styles here
+
+
+ /**
+ * 4.3 Widgets
+ * ------------------------------------
+ */
+
+ // Insert styles here
+
+
+ /**
+ * 4.4 Comments
+ * ------------------------------------
+ */
+
+ // Insert styles here
+
+
+ /**
+ * 4.5 Lists
+ * ------------------------------------
+ */
+
+ // Insert styles here
+
+
+ /**
+ * 4.6 Forms
+ * ------------------------------------
+ */
+
+ // Insert styles here
+
+ /* Contact Form */
+ span.wpcf7-list-item { display: block; }
+
+
+/**
+ * 5.0 Plugins
+ * ----------------------------------------------------------------------------
+ */
+
+// Insert styles here
+/*
+ * Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).
+ *
+ * Don't hesitate to create new effects and remove the ones you don't need.
+ *
+ * latest version and complete README available on Github:
+ * https://github.com/louisremi/menu-effects
+ *
+ * Copyright 2012 @louis_remi
+ * Licensed under the MIT license.
+ *
+ * Are you using this in a paid work?
+ * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
+ *
+ */
+/*
+.top-bar-menu > li > .sub-menu {
+ position: absolute;
+ left: 0;
+ top: 100%;
+ z-index: 0;
+ overflow: hidden;
+ max-height: 0;
+ The transition-delay prevents the menu to disappear before the transition is run backward
+ * It's ~= length of the animation (.6s) + highest item transition delay (466ms)
+ -webkit-transition: max-height 1ms linear 1s;
+ -moz-transition: max-height 1ms linear 1s;
+ A .submenu should be only revealed when hovering the .menu
+ pointer-events: none;
+}
+
+.top-bar-menu > li:hover .sub-menu, .top-bar-menu > li:focus .sub-menu {
+ pointer-events: auto;
+ z-index: 10;
+ max-height: 2000px;
+ -webkit-transition: none;
+ -moz-transition: none;
+}
+&.has-dropdown.not-click {
+ .dropdown {
+ @extend %anim-button;
+ display:block;
+ visibility: hidden;
+ opacity: 0;
+ }
+ &:hover > .dropdown {
+ visibility: visible;
+ opacity: 1;
+ }
+}
+ Progressive Anim
+ * ==================================================================
+ * This is a lot of redundant code but the result is worth it
+ * This should be edited for menus with more or much less than 8 items
+
+$baseTime: 66;
+@mixin transition-delay($transitionTime) {
+ $newTime: $transitionTime * $baseTime;
+ -webkit-transition-delay: $newTime;
+ -moz-transition-delay: $newTime;
+ -ms-transition-delay: $newTime;
+ -o-transition-delay: $newTime;
+ transition-delay: $newTime;
+}
+ forward
+.top-bar-menu > li:hover .sub-menu li:nth-child(1),
+.menu > li:hover .sub-menu li:nth-child(1),
+.sub-menu li:nth-child(8) {
+ @include transition-delay(0);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(2),
+.sub-menu li:nth-child(7) {
+ @include transition-delay(1);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(3),
+.sub-menu li:nth-child(6) {
+ @include transition-delay(2);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(4),
+.sub-menu li:nth-child(5) {
+ @include transition-delay(3);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(5),
+.sub-menu li:nth-child(4) {
+ @include transition-delay(4);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(6),
+.sub-menu li:nth-child(3) {
+ @include transition-delay(5);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(7),
+.sub-menu li:nth-child(2) {
+ @include transition-delay(6);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(8),
+.sub-menu li:nth-child(1) {
+ @include transition-delay(7);
+}
+
+ Default
+ =================================================================
+.sub-menu li {
+ opacity: 0;
+
+ -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
+ -moz-transition: opacity .4s, -moz-transform .6s, max-height .6s;
+ -ms-transition: opacity .4s, -ms-transform .6s, max-height .6s;
+ -o-transition: opacity .4s, -o-transform .6s, max-height .6s;
+ transition: opacity .4s, transform .6s, max-height .6s;
+}
+
+.top-bar-menu > li:hover .sub-menu li, .top-bar-menu > li:focus .sub-menu li {
+ opacity: 1;
+
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+
+ Helix
+ =================================================================
+.helix {
+ -webkit-perspective: 400px;
+ -moz-perspective: 400px;
+ -ms-perspective: 400px;
+ -o-perspective: 400px;
+ perspective: 400px;
+}
+
+.helix li {
+ -webkit-transform: rotateY(90deg);
+ -moz-transform: rotateY(90deg);
+ -ms-transform: rotateY(90deg);
+ -o-transform: rotateY(90deg);
+ transform: rotateY(90deg);
+}
+
+ Wave
+ =================================================================
+.wave li {
+ -webkit-transform-origin: 0% 0%;
+ -moz-transform-origin: 0% 0%;
+ -ms-transform-origin: 0% 0%;
+ -o-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+
+ -webkit-transform: skewY(-90deg);
+ -moz-transform: skewY(-90deg);
+ -ms-transform: skewY(-90deg);
+ -o-transform: skewY(-90deg);
+ transform: skewY(-90deg);
+}
+
+ Fly
+ =================================================================
+.fly {
+ -webkit-perspective: 400px;
+ -moz-perspective: 400px;
+ -ms-perspective: 400px;
+ -o-perspective: 400px;
+ perspective: 400px;
+}
+
+.fly li {
+ -webkit-transform-origin: 50% 50% -50px;
+ -moz-transform-origin: 50% 50% -50px;
+ -ms-transform-origin: 50% 50% -50px;
+ -o-transform-origin: 50% 50% -50px;
+ transform-origin: 50% 50% -50px;
+
+ -webkit-transform: rotateX( -180deg );
+ -moz-transform: rotateX( -180deg );
+ -ms-transform: rotateX( -180deg );
+ -o-transform: rotateX( -180deg );
+ transform: rotateX( -180deg );
+}
+
+ Blind
+ =================================================================
+.blind li {
+ max-height: 0;
+}
+
+.top-bar-menu > li:hover .blind li, .top-bar-menu > li:focus .blind li {
+ This should be changed to the normal height of list-items
+ max-height: 55px;
+}
+
+ Venitian
+ =================================================================
+.venitian li {
+ -webkit-transform-origin: 50% 0;
+ -moz-transform-origin: 50% 0;
+ -ms-transform-origin: 50% 0;
+ -o-transform-origin: 50% 0;
+ transform-origin: 50% 0;
+
+ -webkit-transform: scale(1,0);
+ -moz-transform: scale(1,0);
+ -ms-transform: scale(1,0);
+ -o-transform: scale(1,0);
+ transform: scale(1,0);
+}*/
projects / web / WP-Theme-GaslightMedia.git / commitdiff