/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* Fonts */ /* Color */ /* Socials Color */ /* Responsive size */ /* Mixins */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* Header Top */ /* 1.4 Button */ /* 1.7. Element */ /* CMS Grid */ /* Images */ /* Fix header */ /* Max width 1024 */ /* 9.0 - Extensions */ /* Revolution Slider */ .woocommerce .products h3 { font-family: 'Lato'; } @-webkit-keyframes CMSSpin { 100% { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes CMSSpin { 100% { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes CMSSpin { 100% { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes CMSSpin { 100% { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes CMSSpin { 100% { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-webkit-keyframes CMSFadeInUp { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(40px); -khtml-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes CMSFadeInUp { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(40px); -khtml-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes CMSFadeInUp { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(40px); -khtml-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes CMSFadeInUp { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(40px); -khtml-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes CMSFadeInUp { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(40px); -khtml-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-webkit-keyframes CMSFadeIn { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-moz-keyframes CMSFadeIn { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-ms-keyframes CMSFadeIn { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-o-keyframes CMSFadeIn { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @keyframes CMSFadeIn { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-webkit-keyframes CMSZoomOutZero { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes CMSZoomOutZero { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes CMSZoomOutZero { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes CMSZoomOutZero { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes CMSZoomOutZero { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-webkit-keyframes CMSFadeInRight { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes CMSFadeInRight { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes CMSFadeInRight { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes CMSFadeInRight { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes CMSFadeInRight { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-webkit-keyframes CMSFadeInDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-25px); -khtml-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes CMSFadeInDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-25px); -khtml-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes CMSFadeInDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-25px); -khtml-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes CMSFadeInDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-25px); -khtml-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes CMSFadeInDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-25px); -khtml-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-webkit-keyframes CMSTextSprite { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 51% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-moz-keyframes CMSTextSprite { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 51% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-ms-keyframes CMSTextSprite { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 51% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-o-keyframes CMSTextSprite { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 51% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @keyframes CMSTextSprite { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 51% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-webkit-keyframes CMSBounceDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(7px); -khtml-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes CMSBounceDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(7px); -khtml-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes CMSBounceDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(7px); -khtml-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes CMSBounceDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(7px); -khtml-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes CMSBounceDown { 0% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(-20px); -khtml-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 100% { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateY(7px); -khtml-transform: translateY(7px); -moz-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } .cms-header-top { /* fixed header top position */ color: #a9abb0; /* Main Header */ } .cms-header-top.fixed { position: absolute; top: 0; left: 0; right: 0; z-index: 3; } .cms-header-top ul.contact li:after { display: inline-block; content: "|"; padding: 0 2px 0 9px; } @media (max-width: 640px) { .cms-header-top ul.contact li:after { display: none; } } .cms-header-top ul.contact li:last-child:after { display: none; } .cms-header-top ul.contact li i { color: #57badb; font-size: 15px; margin-right: 10px; } .cms-header-top ul.contact li a { color: #a9abb0; } .cms-header-top ul.contact li a:hover { color: #57badb; } .cms-header-top + #cms-header.header-ontop { top: 47px; } .cms-header-top + #cms-header.header-ontop.header-sticky { top: 0; } @media (max-width: 640px) { .cms-header-top [class*='col-'] + [class*='col-'] { margin-top: 10px; } } .cms-header { position: relative; z-index: 2; } .cms-header > .container { position: relative; } .cms-header .cms-header-logo { position: relative; min-width: 173px; } .cms-header .cms-header-logo a { display: block; padding: 5px 0; } .cms-header .cms-header-logo img { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* Horizontal Align */ max-height: 100%; } .cms-header .cms-sticky-logo { visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-header.header-ontop, .cms-header.header-sticky { width: 100%; top: 0; left: 0; right: 0; z-index: 9; } .cms-header.header-ontop { position: absolute; } .cms-header.header-ontop .cms-sticky-logo { visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-header.header-ontop ul.cms-main-navigation > li > a:after { display: none; } .cms-header.header-sticky { position: fixed; } .cms-header.header-sticky .cms-sticky-logo { visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-header.header-sticky .cms-logo { visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-header.header-sticky .cms-nav-extra > div .header-icon { line-height: 61px; height: 61px; } .cms-header .cms-header-navigation { display: inline-block; } .cms-header .cms-header-navigation > nav, .cms-header .cms-header-navigation > div { display: inline-block; vertical-align: middle; } .cms-header .cms-nav-extra { display: inline-block; } .cms-header .cms-nav-extra a.btn, .cms-header .cms-nav-extra .header-icon { margin-left: 12px; } .cms-header .cms-nav-extra > div { display: inline-block; cursor: pointer; vertical-align: middle; } .cms-header .cms-nav-extra > div .header-icon { line-height: 100px; height: 100px; overflow: inherit; } .cms-header .cms-nav-extra > div#cms-menu-mobile { padding: 0 15px; font-size: 20px; } .cms-header .cms-nav-extra > div#cms-menu-mobile .header-icon { margin-left: 0; } .cms-header .cms-nav-extra .cms-header-popup .popup { min-width: 270px; border-top: 3px solid #57badb; display: none; background-color: #fff; position: absolute; top: 100%; z-index: 1; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; /* BACKGROUND GRADIENT */ } .cms-header .cms-nav-extra .cms-header-popup .popup.cms-search .cms-searchform button { position: absolute; top: 0; right: 0; -webkit-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; /* BACKGROUND GRADIENT */ } @media (max-width: 767px) { /* Logged in USER */ .cms-mousewheel[style="max-height: 360px; overflow: hidden;"] > *, .cms-mousewheel[style="max-height: 360px; overflow: hidden; right: 0px; display: block;"] > * { padding-bottom: 100px; } } .admin-bar .cms-header-top.fixed { top: 32px; /* Main Header */ } .admin-bar .cms-header-top.fixed .cms-social li a { border-color: #575a69; } .admin-bar .cms-header-top + #cms-header.header-ontop { top: 72px; } .admin-bar .cms-header-top + #cms-header.header-ontop.header-sticky { top: 32px; } .admin-bar .cms-header.header-ontop, .admin-bar .cms-header.header-sticky { top: 32px; } @media (max-width: 782px) { .admin-bar .cms-header.header-ontop, .admin-bar .cms-header.header-sticky { top: 46px; } } div.cms-main-navigation > ul, ul.cms-main-navigation { list-style: none; } div.cms-main-navigation > ul li, ul.cms-main-navigation li { position: relative; list-style: none; display: inline-block; float: left; /* First Level */ } div.cms-main-navigation > ul li a, ul.cms-main-navigation li a { position: relative; vertical-align: middle; display: block; overflow: hidden; /* Show Level 2+ */ } div.cms-main-navigation > ul li a > .menu-icon, ul.cms-main-navigation li a > .menu-icon { display: inline-block; width: 38px; height: 38px; line-height: 38px; color: #fff; font-size: 18px; text-align: center; background-color: #57badb; margin: 3px 9px 0 0; overflow: hidden; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } div.cms-main-navigation > ul li a > .menu-icon + .menu-title, ul.cms-main-navigation li a > .menu-icon + .menu-title { font-weight: 700; font-size: 14px; } div.cms-main-navigation > ul li a > .menu-icon + .menu-title .title-attribute, ul.cms-main-navigation li a > .menu-icon + .menu-title .title-attribute { color: #383c4b; font-style: normal; font-size: 13px; } div.cms-main-navigation > ul li a .menu-title, ul.cms-main-navigation li a .menu-title { display: inline-block; line-height: normal; -webkit-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } div.cms-main-navigation > ul li a .menu-title .title-attribute, ul.cms-main-navigation li a .menu-title .title-attribute { display: block; font-weight: 400; font-style: italic; font-size: 90%; padding-top: 7px; } div.cms-main-navigation > ul li:hover > ul, ul.cms-main-navigation li:hover > ul { visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } div.cms-main-navigation > ul > li, ul.cms-main-navigation > li { text-transform: uppercase; /* Level 2+ */ } div.cms-main-navigation > ul > li > a, ul.cms-main-navigation > li > a, div.cms-main-navigation > ul > li .cms-menu-toggle, ul.cms-main-navigation > li .cms-menu-toggle { line-height: 100px; height: 100px; overflow: inherit; /* Hover State */ } div.cms-main-navigation > ul > li:hover, ul.cms-main-navigation > li:hover { /* Active State */ } div.cms-main-navigation > ul > li:hover > a, ul.cms-main-navigation > li:hover > a, div.cms-main-navigation > ul > li:hover > .cms-menu-toggle, ul.cms-main-navigation > li:hover > .cms-menu-toggle { color: #57badb; } div.cms-main-navigation > ul > li.current_page_item, ul.cms-main-navigation > li.current_page_item, div.cms-main-navigation > ul > li.current-menu-ancestor, ul.cms-main-navigation > li.current-menu-ancestor, div.cms-main-navigation > ul > li:active, ul.cms-main-navigation > li:active, div.cms-main-navigation > ul > li:focus, ul.cms-main-navigation > li:focus { /* Has dropdown full width */ } div.cms-main-navigation > ul > li.current_page_item > a, ul.cms-main-navigation > li.current_page_item > a, div.cms-main-navigation > ul > li.current-menu-ancestor > a, ul.cms-main-navigation > li.current-menu-ancestor > a, div.cms-main-navigation > ul > li:active > a, ul.cms-main-navigation > li:active > a, div.cms-main-navigation > ul > li:focus > a, ul.cms-main-navigation > li:focus > a, div.cms-main-navigation > ul > li.current_page_item > .cms-menu-toggle, ul.cms-main-navigation > li.current_page_item > .cms-menu-toggle, div.cms-main-navigation > ul > li.current-menu-ancestor > .cms-menu-toggle, ul.cms-main-navigation > li.current-menu-ancestor > .cms-menu-toggle, div.cms-main-navigation > ul > li:active > .cms-menu-toggle, ul.cms-main-navigation > li:active > .cms-menu-toggle, div.cms-main-navigation > ul > li:focus > .cms-menu-toggle, ul.cms-main-navigation > li:focus > .cms-menu-toggle { color: #57badb; } div.cms-main-navigation > ul > li.current_page_item > a:after, ul.cms-main-navigation > li.current_page_item > a:after, div.cms-main-navigation > ul > li.current-menu-ancestor > a:after, ul.cms-main-navigation > li.current-menu-ancestor > a:after, div.cms-main-navigation > ul > li:active > a:after, ul.cms-main-navigation > li:active > a:after, div.cms-main-navigation > ul > li:focus > a:after, ul.cms-main-navigation > li:focus > a:after { content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0; right: 0; bottom: -4px; z-index: 1; background-color: #57badb; } div.cms-main-navigation > ul > li.has_full_width, ul.cms-main-navigation > li.has_full_width { position: static; /* Last Item */ } div.cms-main-navigation > ul > li:last-child, ul.cms-main-navigation > li:last-child { margin-right: 0; /* Hide arrow on desktop */ } @media (min-width: 1200px) { div.cms-main-navigation > ul > li > .cms-menu-toggle, ul.cms-main-navigation > li > .cms-menu-toggle { display: none; } } div.cms-main-navigation > ul ul, ul.cms-main-navigation ul { padding: 0; margin: 1px 0 0 0; position: absolute; left: 0; top: 100%; z-index: 2; min-width: 200px; border-top: 3px solid #57badb; visibility: hidden; text-align: start; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 0; -khtml-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 0; -ms-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 0; -o-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 0; box-shadow: rgba(0, 0, 0, .1) 0 1px 0 0; /* BACKGROUND GRADIENT */ /* BOX SIZING */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transform-origin: 0 0; -khtml-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; /* BACKGROUND GRADIENT */ /* TRANSITION */ -webkit-transition: all 0.25s ease-out; -khtml-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-transform: none; } div.cms-main-navigation > ul ul li, ul.cms-main-navigation ul li { float: none; display: block; /* multi columns */ } div.cms-main-navigation > ul ul li > a, ul.cms-main-navigation ul li > a { /* Has Children */ } div.cms-main-navigation > ul ul li > a .menu-icon, ul.cms-main-navigation ul li > a .menu-icon { float: left; } div.cms-main-navigation > ul ul li > a .menu-icon + .menu-title, ul.cms-main-navigation ul li > a .menu-icon + .menu-title { display: inherit; } div.cms-main-navigation > ul ul li.menu-item-has-children, ul.cms-main-navigation ul li.menu-item-has-children { position: relative; /* Grouped */ } div.cms-main-navigation > ul ul li.menu-item-has-children > a, ul.cms-main-navigation ul li.menu-item-has-children > a { padding-right: 35px !important; } div.cms-main-navigation > ul ul li.menu-item-has-children .cms-menu-toggle, ul.cms-main-navigation ul li.menu-item-has-children .cms-menu-toggle { width: 35px; height: 35px; line-height: 35px; margin: 0; right: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* Horizontal Align */ } div.cms-main-navigation > ul ul li.menu-item-has-children .cms-menu-toggle i:before, ul.cms-main-navigation ul li.menu-item-has-children .cms-menu-toggle i:before { content: "\f105"; } div.cms-main-navigation > ul ul li.menu-item-has-children.group > a > .menu-title, ul.cms-main-navigation ul li.menu-item-has-children.group > a > .menu-title { padding-right: 0; } div.cms-main-navigation > ul ul li.group, ul.cms-main-navigation ul li.group { /* Hover State */ } div.cms-main-navigation > ul ul li.group > a, ul.cms-main-navigation ul li.group > a { text-transform: uppercase; } div.cms-main-navigation > ul ul li.group > a .title-attribute, ul.cms-main-navigation ul li.group > a .title-attribute { text-transform: none; } div.cms-main-navigation > ul ul li.group > a .cms-menu-toggle i:before, ul.cms-main-navigation ul li.group > a .cms-menu-toggle i:before { content: "\f107"; } div.cms-main-navigation > ul ul li.group > ul, ul.cms-main-navigation ul li.group > ul { position: relative; left: auto; top: auto; border-top-width: 1px; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } div.cms-main-navigation > ul ul li:hover, ul.cms-main-navigation ul li:hover { /* Active State */ } div.cms-main-navigation > ul ul li:hover > a, ul.cms-main-navigation ul li:hover > a, div.cms-main-navigation > ul ul li:hover > .cms-menu-toggle, ul.cms-main-navigation ul li:hover > .cms-menu-toggle { color: #57badb; } div.cms-main-navigation > ul ul li.current-menu-item, ul.cms-main-navigation ul li.current-menu-item, div.cms-main-navigation > ul ul li.current_page_item, ul.cms-main-navigation ul li.current_page_item, div.cms-main-navigation > ul ul li.current-menu-ancestor, ul.cms-main-navigation ul li.current-menu-ancestor, div.cms-main-navigation > ul ul li:active, ul.cms-main-navigation ul li:active, div.cms-main-navigation > ul ul li:focus, ul.cms-main-navigation ul li:focus { /* Level 3+ */ } div.cms-main-navigation > ul ul li.current-menu-item > a, ul.cms-main-navigation ul li.current-menu-item > a, div.cms-main-navigation > ul ul li.current_page_item > a, ul.cms-main-navigation ul li.current_page_item > a, div.cms-main-navigation > ul ul li.current-menu-ancestor > a, ul.cms-main-navigation ul li.current-menu-ancestor > a, div.cms-main-navigation > ul ul li:active > a, ul.cms-main-navigation ul li:active > a, div.cms-main-navigation > ul ul li:focus > a, ul.cms-main-navigation ul li:focus > a, div.cms-main-navigation > ul ul li.current-menu-item > .cms-menu-toggle, ul.cms-main-navigation ul li.current-menu-item > .cms-menu-toggle, div.cms-main-navigation > ul ul li.current_page_item > .cms-menu-toggle, ul.cms-main-navigation ul li.current_page_item > .cms-menu-toggle, div.cms-main-navigation > ul ul li.current-menu-ancestor > .cms-menu-toggle, ul.cms-main-navigation ul li.current-menu-ancestor > .cms-menu-toggle, div.cms-main-navigation > ul ul li:active > .cms-menu-toggle, ul.cms-main-navigation ul li:active > .cms-menu-toggle, div.cms-main-navigation > ul ul li:focus > .cms-menu-toggle, ul.cms-main-navigation ul li:focus > .cms-menu-toggle { color: #57badb; } div.cms-main-navigation > ul ul li ul, ul.cms-main-navigation ul li ul { top: -4px; left: 100%; border-left: 1px solid #e6e6e7; } div.cms-main-navigation > ul ul li ul.back, ul.cms-main-navigation ul li ul.back { right: 100%; left: auto; border-left: 0; border-right: 1px solid #e6e6e7; } div.cms-main-navigation > ul ul.multicolumn, ul.cms-main-navigation ul.multicolumn { border-top: none; overflow: hidden; /* Dropdown Position */ } div.cms-main-navigation > ul ul.multicolumn > li, ul.cms-main-navigation ul.multicolumn > li { float: left; padding: 0 15px; margin-top: 30px; } @media (max-width: 1024px) { div.cms-main-navigation > ul ul.multicolumn > li, ul.cms-main-navigation ul.multicolumn > li { margin-top: 15px; } } div.cms-main-navigation > ul ul.multicolumn > li > a, ul.cms-main-navigation ul.multicolumn > li > a { background-color: #f3f3f3; padding: 20px !important; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ border: none; color: #57badb; } div.cms-main-navigation > ul ul.multicolumn > li > a:hover .menu-title, ul.cms-main-navigation ul.multicolumn > li > a:hover .menu-title { color: #383c4b; } @media (max-width: 1200px) { div.cms-main-navigation > ul ul.multicolumn > li > a, ul.cms-main-navigation ul.multicolumn > li > a { padding: 5px 10px !important; } } div.cms-main-navigation > ul ul.multicolumn > li ul, ul.cms-main-navigation ul.multicolumn > li ul { max-width: 100%; min-width: auto; } div.cms-main-navigation > ul ul.multicolumn.columns2 > li, ul.cms-main-navigation ul.multicolumn.columns2 > li { width: 50%; } div.cms-main-navigation > ul ul.multicolumn.columns3 > li, ul.cms-main-navigation ul.multicolumn.columns3 > li { width: 33.3333%; } div.cms-main-navigation > ul ul.multicolumn.columns4 > li, ul.cms-main-navigation ul.multicolumn.columns4 > li { width: 25%; } div.cms-main-navigation > ul ul.multicolumn.columns5 > li, ul.cms-main-navigation ul.multicolumn.columns5 > li { width: 20%; } @media (max-width: 1024px) { div.cms-main-navigation > ul ul.multicolumn.columns3 > li, ul.cms-main-navigation ul.multicolumn.columns3 > li, div.cms-main-navigation > ul ul.multicolumn.columns4 > li, ul.cms-main-navigation ul.multicolumn.columns4 > li, div.cms-main-navigation > ul ul.multicolumn.columns5 > li, ul.cms-main-navigation ul.multicolumn.columns5 > li { width: 50%; } } div.cms-main-navigation > ul ul.drop_to_left, ul.cms-main-navigation ul.drop_to_left { right: 0; left: auto; } div.cms-main-navigation > ul ul.drop_to_center, ul.cms-main-navigation ul.drop_to_center { left: -40%; } div.cms-main-navigation > ul ul.drop_full_width, ul.cms-main-navigation ul.drop_full_width { max-width: 100%; width: 100% !important; padding-bottom: 20px; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; /* BACKGROUND GRADIENT */ /* Sublevel touched right */ } div.cms-main-navigation > ul ul.back, ul.cms-main-navigation ul.back { right: 0; left: auto; } .cms-menu-toggle { height: 100px; width: 30px; margin: -100px -15px 0 0; float: right; position: relative; text-align: center; /* Sticky Header */ } .cms-menu-toggle i { width: 30px; height: 30px; line-height: 30px; text-align: center !important; cursor: pointer; display: block; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* Horizontal Align */ } .header-sticky { /* Mobile menu */ } .header-sticky ul.cms-main-navigation > li > a, .header-sticky ul.cms-main-navigation > li > .cms-menu-toggle { line-height: 61px; height: 61px; } .header-sticky ul.cms-main-navigation > li > .cms-menu-toggle { margin: -61px -15px 0 0; /* Hover state */ } .header-sticky ul.cms-main-navigation > li:hover { /* Active State */ } .header-sticky ul.cms-main-navigation > li:hover > a, .header-sticky ul.cms-main-navigation > li:hover > .cms-menu-toggle { color: #57badb; } .header-sticky ul.cms-main-navigation > li.current-menu-item > a, .header-sticky ul.cms-main-navigation > li.current_page_item > a, .header-sticky ul.cms-main-navigation > li.current-menu-ancestor > a, .header-sticky ul.cms-main-navigation > li:active > a, .header-sticky ul.cms-main-navigation > li:focus > a, .header-sticky ul.cms-main-navigation > li.current-menu-item > .cms-menu-toggle, .header-sticky ul.cms-main-navigation > li.current_page_item > .cms-menu-toggle, .header-sticky ul.cms-main-navigation > li.current-menu-ancestor > .cms-menu-toggle, .header-sticky ul.cms-main-navigation > li:active > .cms-menu-toggle, .header-sticky ul.cms-main-navigation > li:focus > .cms-menu-toggle { color: #57badb; } .header-sticky .mobile-nav, .mobile-nav { position: absolute; top: 100%; left: 0; right: 0; z-index: 20; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transform-origin: 0 0; -khtml-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; /* BACKGROUND GRADIENT */ /* TRANSITION */ -webkit-transition: all 0.25s ease-out; -khtml-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .header-sticky .mobile-nav.collapse, .mobile-nav.collapse { -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } .header-sticky .mobile-nav + .cms-nav-extra, .mobile-nav + .cms-nav-extra { z-index: 999; position: absolute; right: 15px; cursor: pointer; } .header-sticky .mobile-nav + .cms-nav-extra .header-icon, .mobile-nav + .cms-nav-extra .header-icon { font-size: 20px; float: left; } .header-sticky .mobile-nav .cms-main-navigation li, .mobile-nav .cms-main-navigation li { width: 100%; position: relative !important; margin: 0; } .header-sticky .mobile-nav .cms-main-navigation li a, .mobile-nav .cms-main-navigation li a { height: auto; padding: 6px 20px; } .header-sticky .mobile-nav .cms-main-navigation li > .cms-menu-toggle, .mobile-nav .cms-main-navigation li > .cms-menu-toggle { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0 !important; right: 0; margin: 0; -webkit-transform: translateY(0) !important; -khtml-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; /* BACKGROUND GRADIENT */ /* Level 2+ */ } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu, .mobile-nav .cms-main-navigation li ul.sub-menu { position: relative; border: none; width: 100% !important; border-bottom: 0; padding-bottom: 0; max-height: 0; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu.submenu-open, .mobile-nav .cms-main-navigation li ul.sub-menu.submenu-open { max-height: 10000px; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn, .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn { background-color: transparent; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } @media (min-width: 768px) { .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn > li, .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn > li { width: 50%; } } @media (max-width: 767px) { .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn > li, .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn > li { width: 100%; } } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn > li:last-child, .mobile-nav .cms-main-navigation li ul.sub-menu.multicolumn > li:last-child { margin-bottom: 30px; } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu li, .mobile-nav .cms-main-navigation li ul.sub-menu li { /* Level 3+ */ } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu li a, .mobile-nav .cms-main-navigation li ul.sub-menu li a { padding: 6px 20px; } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu li:last-child > a, .mobile-nav .cms-main-navigation li ul.sub-menu li:last-child > a { border-bottom: 0; } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu ul, .mobile-nav .cms-main-navigation li ul.sub-menu ul { left: 0; } .header-sticky .mobile-nav .cms-main-navigation li ul.sub-menu ul a, .mobile-nav .cms-main-navigation li ul.sub-menu ul a { padding-left: 30px; } .cms-page-title { position: relative; } .cms-page-title:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: inherit; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -webkit-opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; -ms-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ z-index: 0; } .cms-page-title > div { z-index: 1; position: relative; } .cms-page-title h1 { padding: 0; margin: 0; line-height: normal; letter-spacing: 0; } .cms-page-title .page-sub-title { padding-top: 9px; max-width: 770px; margin-left: auto; margin-right: auto; } .cms-page-title .cms-breadcrumb-text { padding-top: 14px; } .cms-page-title .cms-breadcrumb-text ul { list-style: none; } .cms-page-title .cms-breadcrumb-text ul li { display: inline-block; position: relative; margin-right: 10px; padding-right: 10px; } .cms-page-title .cms-breadcrumb-text ul li:after { font-family: 'FontAwesome'; content: '\f105'; display: block; position: absolute; left: 100%; top: 9px; line-height: 1; } .cms-page-title .cms-breadcrumb-text ul li:last-child { padding-right: 0; margin-right: 0; } .cms-page-title .cms-breadcrumb-text ul li:last-child:after { display: none; } .cms-page-title .page-title-icon { font: normal normal normal 18px/1 'FontAwesome'; display: block; background: #fff; width: 80px; height: 36px; z-index: 20; line-height: 36px; color: #a9abb0; text-align: center; -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; /* BACKGROUND GRADIENT */ bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* Center Align */ } .btn, .btn-default, .button, button, input[type='submit'], input[type='button'], .added_to_cart { font-weight: 700; font-size: 13px; display: inline-block; line-height: 29px; text-align: start; color: #fff; padding: 0 15px; background-color: #383c4b; border: none; text-align: center; vertical-align: top; outline: none; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ /* Button List */ -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); -khtml-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); /* BACKGROUND GRADIENT */ /* Button Readmore */ } .btn + .btn, .btn-default + .btn, .button + .btn, button + .btn, input[type='submit'] + .btn, input[type='button'] + .btn, .added_to_cart + .btn { margin-left: 17px; /* Primary */ } .btn.btn-primary, .btn-default.btn-primary, .button.btn-primary, button.btn-primary, input[type='submit'].btn-primary, input[type='button'].btn-primary, .added_to_cart.btn-primary, .btn.add_to_cart_button, .btn-default.add_to_cart_button, .button.add_to_cart_button, button.add_to_cart_button, input[type='submit'].add_to_cart_button, input[type='button'].add_to_cart_button, .added_to_cart.add_to_cart_button { background-color: #57badb; /* Hover */ } .btn.btn-primary:hover, .btn-default.btn-primary:hover, .button.btn-primary:hover, button.btn-primary:hover, input[type='submit'].btn-primary:hover, input[type='button'].btn-primary:hover, .added_to_cart.btn-primary:hover, .btn.add_to_cart_button:hover, .btn-default.add_to_cart_button:hover, .button.add_to_cart_button:hover, button.add_to_cart_button:hover, input[type='submit'].add_to_cart_button:hover, input[type='button'].add_to_cart_button:hover, .added_to_cart.add_to_cart_button:hover { background-color: #57badb; } .btn:hover, .btn-default:hover, .button:hover, button:hover, input[type='submit']:hover, input[type='button']:hover, .added_to_cart:hover { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ color: #fff; background-color: #383c4b; outline: none; /* Active */ } .btn:active, .btn-default:active, .button:active, button:active, input[type='submit']:active, input[type='button']:active, .added_to_cart:active, .btn:focus, .btn-default:focus, .button:focus, button:focus, input[type='submit']:focus, input[type='button']:focus, .added_to_cart:focus { color: #fff; outline: none; /* Button Large */ } .btn.btn-large, .btn-default.btn-large, .button.btn-large, button.btn-large, input[type='submit'].btn-large, input[type='button'].btn-large, .added_to_cart.btn-large { font-size: 17px; line-height: 54px; margin: 0; display: block; text-align: center; /* Regular */ } .btn.regular, .btn-default.regular, .button.regular, button.regular, input[type='submit'].regular, input[type='button'].regular, .added_to_cart.regular { /* Accent */ } .btn.regular:hover, .btn-default.regular:hover, .button.regular:hover, button.regular:hover, input[type='submit'].regular:hover, input[type='button'].regular:hover, .added_to_cart.regular:hover, .btn.regular:focus, .btn-default.regular:focus, .button.regular:focus, button.regular:focus, input[type='submit'].regular:focus, input[type='button'].regular:focus, .added_to_cart.regular:focus, .btn.regular:active, .btn-default.regular:active, .button.regular:active, button.regular:active, input[type='submit'].regular:active, input[type='button'].regular:active, .added_to_cart.regular:active { background: #383c4b; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .btn.accent:hover, .btn-default.accent:hover, .button.accent:hover, button.accent:hover, input[type='submit'].accent:hover, input[type='button'].accent:hover, .added_to_cart.accent:hover, .btn.accent:focus, .btn-default.accent:focus, .button.accent:focus, button.accent:focus, input[type='submit'].accent:focus, input[type='button'].accent:focus, .added_to_cart.accent:focus, .btn.accent:active, .btn-default.accent:active, .button.accent:active, button.accent:active, input[type='submit'].accent:active, input[type='button'].accent:active, .added_to_cart.accent:active { background-color: #57badb; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .btn.view-portfolio, .btn-default.view-portfolio, .button.view-portfolio, button.view-portfolio, input[type='submit'].view-portfolio, input[type='button'].view-portfolio, .added_to_cart.view-portfolio { padding-left: 25px; padding-right: 25px; /* Gradient */ } .btn.btn-grad, .btn-default.btn-grad, .button.btn-grad, button.btn-grad, input[type='submit'].btn-grad, input[type='button'].btn-grad, .added_to_cart.btn-grad { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%); } .btn.btn-grad:hover, .btn-default.btn-grad:hover, .button.btn-grad:hover, button.btn-grad:hover, input[type='submit'].btn-grad:hover, input[type='button'].btn-grad:hover, .added_to_cart.btn-grad:hover { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .btn-readmore { display: inline-block; background: #57badb; color: #fff; font-size: 12px; font-weight: 600; padding: 0 7px; line-height: 29px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .btn-readmore + .btn-readmore { margin-left: 10px; } .btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus { color: #fff; background: #383c4b; } .entry-header { overflow: hidden; } .entry-media { position: relative; overflow: hidden; margin: 0 auto 18px; } .entry-media:after { content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; /* BACKGROUND GRADIENT */ } .entry-media img { width: 100%; } .entry-title { margin: 0 0 10px 0; } .entry-title > span { margin-right: 6px; } .entry-title.icon-sprite { text-align: start; } .entry-meta { float: right; margin-left: 0; } .entry-meta > li { background: #efefef; padding: 5px 10px; border-radius: 4px; min-width: 115px; font-size: 12px; color: #909090; line-height: 21px; margin: 0 16px 10px 0; -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); /* BACKGROUND GRADIENT */ } .entry-meta > li:last-child { margin-right: 0; } .entry-meta > li i { font-size: 15px; margin-right: 6px; } .entry-content { margin: 0 0 15px; } .entry-socials-share-list { background: rgba(87, 186, 219, 0.2); padding: 12px 12px 0 12px; clear: both; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -khtml-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -ms-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); /* BACKGROUND GRADIENT */ /* Page */ } .entry-socials-share-list > div { margin-bottom: 12px; } .entry-socials-share-list > div a { margin: 0 2px 0 0 !important; font-size: 14px !important; } .entry-socials-share-list > div h5 { font-size: 16px; color: #57badb; margin: 5px 0 0 0; } .entry-page { /* Blog Item */ } .entry-page .entry-media, .entry-page .entry-content { margin-bottom: 30px; } .entry-page .entry-media .entry-summary, .entry-page .entry-content .entry-summary { margin-bottom: 15px; } .entry-blog .entry-blog-inner { margin: 0 0 30px; background: #fff; padding: 20px 20px 12px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); /* BACKGROUND GRADIENT */ } .entry-blog .entry-media .entry-meta { position: absolute; top: 20px; left: 20px; width: 150px; } .entry-blog .entry-media .entry-meta > li { display: block; float: none; margin: 0 0 20px; text-align: start; background-color: rgba(56, 60, 75, .9); } .entry-blog .entry-media .entry-meta > li:last-child { margin: 0; } .entry-blog .entry-media .entry-meta > li a:hover { color: #fff; } .entry-blog .entry-title { margin-bottom: 23px; } .entry-blog .entry-footer { margin-bottom: 10px; /* List */ } .entry-blog.entry-list .entry-media { margin: 0 20px 0 0; float: left; max-width: 270px; } @media (max-width: 640px) { .entry-blog.entry-list .entry-media { clear: both; float: none !important; max-width: inherit; margin: 0 0 20px; } } .entry-blog.entry-list .entry-title { float: left; } .entry-blog.entry-grid.entry-grid2 { /* Grid 3Coloums */ } .entry-blog.entry-grid.entry-grid2 .entry-media { margin-bottom: 20px; } .entry-blog.entry-grid.entry-grid2 .entry-content { margin-bottom: 28px; } .entry-blog.entry-grid.entry-grid2:nth-child(2n+1) { clear: left; } .entry-blog.entry-grid.entry-grid2 .entry-meta { float: left; } .entry-blog.entry-grid.entry-grid2 .entry-footer { margin-bottom: 0; } .entry-blog.entry-grid.entry-grid3:nth-child(3n+1) { clear: left; } .entry-blog.entry-grid.entry-grid3 .entry-content { margin-bottom: 23px; } .entry-blog.entry-grid.entry-grid3 .entry-meta { float: none; margin-left: 0; } .entry-blog.entry-grid.entry-grid3.entry-grid3-2:nth-child(2n+1) { clear: left; } .entry-blog.entry-grid.entry-grid3.entry-grid3-2:nth-child(3n+1) { clear: none; } .entry-blog:hover .entry-media img { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .page-template-blog-grid3, .page-template-blog-rightsidebar, .page-template-blog-leftsidebar { /* Single Post / Portfolio */ } @media (min-width: 992px) and (max-width: 1024px) { .page-template-blog-grid3 .entry-blog .entry-media .entry-meta, .page-template-blog-rightsidebar .entry-blog .entry-media .entry-meta, .page-template-blog-leftsidebar .entry-blog .entry-media .entry-meta { top: 10px; } .page-template-blog-grid3 .entry-blog .entry-media .entry-meta li, .page-template-blog-rightsidebar .entry-blog .entry-media .entry-meta li, .page-template-blog-leftsidebar .entry-blog .entry-media .entry-meta li { margin-bottom: 10px; } } @media (max-width: 320px) { .page-template-blog-grid3 .entry-blog .entry-media .entry-meta, .page-template-blog-rightsidebar .entry-blog .entry-media .entry-meta, .page-template-blog-leftsidebar .entry-blog .entry-media .entry-meta { top: 10px; } .page-template-blog-grid3 .entry-blog .entry-media .entry-meta li, .page-template-blog-rightsidebar .entry-blog .entry-media .entry-meta li, .page-template-blog-leftsidebar .entry-blog .entry-media .entry-meta li { margin-bottom: 10px; } } .entry-single .entry-header { margin-bottom: 10px; } .entry-single .entry-description { margin-top: 8px; margin-bottom: 15px; clear: both; } .entry-single .entry-socials-share-list { margin-top: 15px; } .entry-related { margin-top: 84px; /* Single Course */ } .entry-related .related-title { font-size: 25px; line-height: 50px; margin: 0; } .entry-related .related-desc { max-width: 770px; margin: 0 auto 54px; } .single-course { /* Single Portfolio */ } .single-course .entry-single .entry-title { margin-bottom: 33px; } .single-course .entry-single .entry-title .icon { color: #fff; background: #383c4b; } .single-course .entry-single .course-details { margin-bottom: 30px; } .single-course .entry-single .course-details .entry-title { margin-bottom: 25px; } .single-course .entry-single .course-details .course-detail { background: #efefef; line-height: 29px; padding: 0 10px; color: #909090; margin-bottom: 20px; -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); /* BACKGROUND GRADIENT */ } .single-course .entry-single .course-details .course-detail i { margin-right: 12px; } .single-course .entry-single .course-instructor { background: #efefef; overflow: hidden; padding-top: 9px; -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); /* BACKGROUND GRADIENT */ } .single-course .entry-single .course-instructor > img { overflow: hidden; max-width: 79px; -webkit-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -khtml-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -moz-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -ms-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -o-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); /* BACKGROUND GRADIENT */ border: 3px solid #fff; margin: 0 10px 2px 10px; } .single-course .entry-single .course-instructor .instructor-info { font-size: 12px; color: #5a5e6a; display: block; margin-bottom: 26px; } .single-course .entry-single .course-instructor .instructor-info h5 { margin: 15px 0 5px; font-size: 15px; } .single-course .entry-single .course-instructor .instructor-details { border-top: 3px solid #fff; padding: 10px; } .single-course .entry-single .course-instructor .instructor-details .btn { padding: 0 7px; margin-right: 10px; } .single-course .cms-carousel .owl-dots { margin-top: 15px; } .single-portfolio { /* Couser Item */ } .single-portfolio .entry-title a { color: #57badb; } .single-portfolio .entry-title a:hover { color: #383c4b; } .single-portfolio .template-cms_carousel--portfolio { margin-bottom: -42px; } .single-portfolio .template-cms_carousel--portfolio .cms-grid-title a { font-size: 16px; } .single-portfolio .template-cms_carousel--portfolio .owl-dots { margin-top: 0; } @media (max-width: 991px) { .single-portfolio .entry-footer > div + div { margin-top: 20px; } } .cms-course-item { /* Single item */ } .cms-course-item .cms-course-item-inner { background: #fff; padding-bottom: 23px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); /* BACKGROUND GRADIENT */ } .cms-course-item .cms-course-media { position: relative; overflow: hidden; max-width: 270px; margin: 0 auto; } .cms-course-item .cms-course-media img { -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; /* BACKGROUND GRADIENT */ } .cms-course-item .cms-course-media:after { content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; } .cms-course-item .cms-course-title { margin-bottom: 3px; } .cms-course-item .cms-course-excerpt { margin-bottom: 15px; color: #5a5e6a; padding: 0 10px; /* List */ } .cms-course-item .cms-course-excerpt p { margin-bottom: 0; } .cms-course-item.list-view .cms-course-item-inner { padding: 20px 20px 22px; position: relative; } .cms-course-item.list-view .cms-course-media { margin-right: 20px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } @media (max-width: 640px) { .cms-course-item.list-view .cms-course-media { clear: both; margin: 0 auto 20px; float: none !important; } } .cms-course-item.list-view .cms-course-title { margin-top: -3px; margin-bottom: 10px; } .cms-course-item.list-view .cms-course-title a { color: #383c4b; font-size: 18px; } .cms-course-item.list-view .cms-course-title a:hover { color: #57badb; } .cms-course-item.list-view .cms-course-excerpt { padding: 0; margin-bottom: 12px; } .cms-course-item.list-view .cms-course-details { background: #efefef; line-height: 29px; padding: 0 10px; margin-bottom: 20px; color: #909090; font-size: 12px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-course-item.list-view .cms-course-details > div { margin-right: 27px; } .cms-course-item.list-view .cms-course-details > div:last-child { margin-right: 0; } .cms-course-item.list-view .cms-course-details > div i { font-size: 15px; margin-right: 6px; } @media (min-width: 1200px) { .cms-course-item.list-view .cms-course-details { width: 50%; margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .cms-course-item.list-view .cms-course-details { width: 65%; margin-bottom: 0; } } @media (max-width: 640px) { .cms-course-item.list-view { text-align: center; } .cms-course-item.list-view .cms-course-details { float: none !important; margin-left: auto; margin-right: auto; } .cms-course-item.list-view .cms-course-meta { float: none !important; clear: both; } } .entry-single .entry-media { margin-bottom: 30px; } .post-navigation { margin: 30px 0 20px; /* Some css for fix Unit Test */ } .post-navigation a { white-space: normal; margin-bottom: 10px; } label[for*="pwbox-"] + input[type="submit"], label[for^="pwbox-"] + input[type="submit"] { vertical-align: bottom; } #comments .comments-list { background: #57badb; color: #fff; padding: 20px 20px 28px; margin: 30px 0 0 0; border-radius: 4px; list-style: none; /* respond area */ } @media (max-width: 991px) { #comments .comments-list { padding: 10px 10px 28px; } } #comments .comments-list > li + li { margin-top: 45px; } #comments .comments-list .comment-body { position: relative; } #comments .comments-list .comment-body .comment-author-image { float: left; overflow: hidden; border: 3px solid #2487a8; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } @media (max-width: 991px) { #comments .comments-list .comment-body .comment-author-image { max-width: 38px; } } #comments .comments-list .comment-body .comment-main { padding-left: 98px; } @media (max-width: 991px) { #comments .comments-list .comment-body .comment-main { padding-left: 48px; } } #comments .comments-list .comment-body .comment-author, #comments .comments-list .comment-body .comment-author a { color: #f6f6f6; font-size: 15px; margin: 0; } #comments .comments-list .comment-body .comment-date { display: block; font-size: 12px; margin: -3px 0 1px; color: #383c4b; } #comments .comments-list .comment-body .comment-content blockquote, #comments .comments-list .comment-body .comment-content .blockquote { border-left-color: #383c4b; background-color: #fff; } #comments .comments-list .comment-body .comment-content a { color: #fff; } #comments .comments-list .comment-body .comment-reply-link { background-color: #383c4b; height: 38px; display: block; line-height: 38px; padding: 0 15px; border-radius: 2px; color: #fff; font-size: 14px; font-weight: 700; position: absolute; top: 0; right: 0; } #comments .comments-list .comment-body .comment-reply-link:hover { background-color: #fff; color: #383c4b; } @media (max-width: 992px) { #comments .comments-list .comment-body .comment-reply-link { position: relative; float: right; clear: both; margin-top: 15px; } } #comments .comments-list .children { list-style: none; margin-top: 45px; } #comments .comments-list .children > li + li { margin-top: 45px; } @media (min-width: 992px) { #comments .comments-list .parent > .comment-body:after { content: ''; display: block; width: 2px; height: 100%; background: #212129; position: absolute; left: 35px; top: 90px; } #comments .comments-list .parent > .comment-body:before { content: ''; display: block; width: 55px; height: 2px; background: #212129; position: absolute; left: 35px; bottom: -90px; } #comments .comments-list .children { margin-left: 100px; padding-left: 0; } } #comments #respond { margin: 30px 0 10px; background: #fff; padding: 20px; position: relative; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); /* BACKGROUND GRADIENT */ /* Popup Style */ } #comments #respond.wpb_wrapper { background-position: bottom right !important; } #comments #respond #reply-title { font-size: 18px; margin: 0 0 20px 0; } #comments #respond #reply-title:before { content: "\f0e6"; font-family: 'FontAwesome'; background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 18px; margin-right: 6px; } #comments #respond .comment-form-comment, #comments #respond .comment-form-author, #comments #respond .comment-form-email { margin-bottom: 20px; } #comments #respond .form-submit { text-align: right; margin-bottom: 0; } #comments #respond .form-submit input { padding-left: 32px; padding-right: 32px; } #comments input::-moz-placeholder { font-weight: 700; } #comments input:-ms-input-placeholder { font-weight: 700; } #comments input::-webkit-input-placeholder { font-weight: 700; } #comments textarea::-moz-placeholder { font-weight: 700; } #comments textarea:-ms-input-placeholder { font-weight: 700; } #comments textarea::-webkit-input-placeholder { font-weight: 700; } .cms-grid-wraper { /* CMS Carousel */ } .cms-grid-wraper .cms-filter-category { margin: 0 -12px 20px; width: auto; } .cms-grid-wraper .cms-filter-category li { padding: 0 12px; } .cms-grid-wraper .cms-filter-category li a { display: block; background: #fff; color: #a9abb0; font-size: 16px; font-weight: bold; padding: 3px 10px; margin-bottom: 10px; border: 2px solid #e6e6e6; white-space: nowrap; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-grid-wraper .cms-filter-category li a:hover, .cms-grid-wraper .cms-filter-category li a:active, .cms-grid-wraper .cms-filter-category li a.active { color: #57badb; } .cms-grid-wraper .cms-grid-item { margin-bottom: 30px; /* Layout Instructor */ } .cms-grid-wraper .cms-grid-item .entry-media img { width: 100%; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; /* BACKGROUND GRADIENT */ } .cms-grid-wraper .cms-grid-item .entry-media .icon-38 { font-size: 17px; margin-right: 15px; color: #fff; } .cms-grid-wraper .cms-grid-item .entry-media .icon-38 + .icon-38 { margin-right: 0; } .cms-grid-wraper .cms-grid-item .cms-grid-content { padding: 10px 20px; } .cms-grid-wraper .cms-grid-item .cms-grid-content .icon-38 { margin-right: 10px; } .cms-grid-wraper .cms-grid-item .cms-grid-content .cms-grid-category { display: block; color: #5a5e6a; margin-top: 10px; } .cms-grid-wraper .cms-instructor-position { font-size: 12px; color: #5a5e6a; display: block; margin-bottom: 23px; } .cms-grid-wraper.template-cms_grid--instructor .cms-grid-item-inner { max-width: 270px; margin: 0 auto; } .cms-grid-wraper.template-cms_grid--instructor .cms-grid-media img { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .cms-grid-wraper.template-cms_grid--instructor a.icon-sprite { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; color: #a9abb0; margin-right: 7px; text-align: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-grid-wraper.template-cms_grid--instructor a.icon-sprite:last-child { margin-right: 0; } .cms-grid-wraper.template-cms_grid--instructor a.icon-sprite:hover, .cms-grid-wraper.template-cms_grid--instructor a.icon-sprite:active, .cms-grid-wraper.template-cms_grid--instructor a.icon-sprite:focus { color: #fff; background-color: #57badb; } .cms-grid-wraper.template-cms_grid--instructor .cms-grid-content { -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; /* BACKGROUND GRADIENT */ padding: 22px 0 30px; } .cms-grid-wraper.template-cms_grid--instructor .cms-grid-content .cms-grid-title { font-size: 17px; font-weight: 700; margin: 0 0 4px; text-transform: inherit; } .cms-grid-wraper.template-cms_grid--instructor2 { /* Layout Gallery */ } .cms-grid-wraper.template-cms_grid--instructor2 .cms-grid-item-inner { background: #efefef; overflow: hidden; padding: 9px 0 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); /* BACKGROUND GRADIENT */ } .cms-grid-wraper.template-cms_grid--instructor2 .cms-grid-item-inner .cms-grid-media { float: left; overflow: hidden; border: 3px solid #fff; margin: 0 10px 2px 10px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -khtml-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -moz-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -ms-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); -o-box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6); /* BACKGROUND GRADIENT */ } .cms-grid-wraper.template-cms_grid--instructor2 .cms-grid-item-inner .cms-grid-media img { width: 72px; } .cms-grid-wraper.template-cms_grid--instructor2 .cms-grid-item-inner .cms-grid-content { padding: 0; } .cms-grid-wraper.template-cms_grid--instructor2 .cms-grid-item-inner .cms-grid-title { font-size: 15px; margin: 9px 0 -3px; font-weight: 700; text-transform: inherit; } .cms-grid-wraper.template-cms_grid--instructor2 .cms-grid-item-inner .cms-grid-readmore { border-top: 3px solid #fff; padding: 10px; } .cms-grid-wraper.template-cms_grid--gallery { /* Layout Portfolio */ } .cms-grid-wraper.template-cms_grid--gallery .entry-media img { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .cms-grid-wraper.template-cms_grid--portfolio { /* Layout Courses */ } .cms-grid-wraper.template-cms_grid--portfolio .cms-grid-item { margin-bottom: 32px; } .cms-grid-wraper.template-cms_grid--portfolio .cms-grid-title a { font-size: 16px; } .cms-grid-wraper.template-cms_grid--course .cms-course-title { margin: 17px 0 7px 0; } .cms-grid-wraper.template-cms_grid--course .cms-course-title a { color: #383c4b; } .cms-grid-wraper.template-cms_grid--course .cms-course-title a:hover { color: #57badb; } .cms-grid-wraper.template-cms_grid--course .cms-course-excerpt { margin-bottom: 18px; } .cms-grid-wraper.template-cms_grid--course .cms-course-item.list-view .cms-course-title { margin: 0 0 10px; } .cms-grid-wraper.template-cms_grid--course .cms-course-item.list-view .cms-course-excerpt { margin-bottom: 11px; } .cms-carousel { /* CMS Testimonial Carousel */ } .cms-carousel .entry-media img:not(.img-circle) { -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; /* BACKGROUND GRADIENT */ } .cms-carousel .entry-media .datetime { background: #262934; width: 42px; height: 58px; position: absolute; left: 10px; top: 10px; font-size: 12px; text-align: center; color: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-carousel .entry-media .datetime span { display: block; } .cms-carousel .entry-media .datetime span.date { padding: 6px 0 4px; font-size: 25px; font-weight: bold; } .cms-carousel .entry-meta, .cms-carousel .entry-excerpt { margin-bottom: 10px; /* List view */ } .cms-carousel .list-view { /* List Question */ } .cms-carousel .list-view .cms-carousel-item-inner + .cms-carousel-item-inner { margin-top: 12px; } @media (max-width: 480px) { .cms-carousel .list-view .cms-carousel-item-inner + .cms-carousel-item-inner { margin-top: 30px; } } .cms-carousel .list-view .entry-media { max-width: 172px; margin-right: 20px; } @media (max-width: 480px) { .cms-carousel .list-view .entry-media { max-width: inherit; width: 100%; } } .cms-carousel .list-view .entry-media:after { display: none; } .cms-carousel .list-view .cms-carousel-title { margin: 0 0 10px 0; font-size: 16px; line-height: 18px; } .cms-carousel .list-view .cms-carousel-title a { color: #57badb; } .cms-carousel .list-view .cms-carousel-title a:hover { color: #383c4b; } .cms-carousel .list-view .cms-carousel-meta { color: #909090; font-size: 12px; margin-bottom: 5px; margin-left: 0; } .cms-carousel .list-view .cms-carousel-meta li:first-child { padding-left: 0; margin-right: 18px; } .cms-carousel .list-view .cms-carousel-meta i { font-size: 15px; margin-right: 6px; } .cms-carousel .list-view .cms-carousel-excerpt { margin: 0; } .cms-carousel .list-view .cms-carousel-readmore a { color: #383c4b; } .cms-carousel .list-view .cms-carousel-readmore a:hover { color: #57badb; } .cms-carousel .list-question .cms-carousel-item-inner { background: #fff; border: 1px solid #dedede; padding: 16px 19px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); -khtml-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04); /* BACKGROUND GRADIENT */ } .cms-carousel .list-question .cms-carousel-item-inner + .cms-carousel-item-inner { margin-top: 20px; } .cms-carousel .list-question .cms-carousel-media img { max-width: 69px; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3); } .cms-carousel .list-question .cms-carousel-content { padding-left: 105px; } .cms-carousel .list-question .cms-course-details { color: #909090; margin-top: 10px; font-size: 12px; } .cms-carousel .list-question .cms-course-details > div { margin-right: 27px; } .cms-carousel .list-question .cms-course-details > div:last-child { margin-right: 0; } .cms-carousel .list-question .cms-course-details > div i { font-size: 15px; margin-right: 6px; } .cms-carousel.template-cms_carousel--course .entry-item { margin-bottom: 5px; } .cms-carousel.template-cms_carousel--course .entry-title { margin-bottom: 5px; } .cms-carousel.template-cms_carousel--course .entry-title a { color: #383c4b; } .cms-carousel.template-cms_carousel--course .entry-title a:hover { color: #57badb; } .cms-carousel.template-cms_carousel--course .entry-excerpt { padding: 0 20px 7px; } .cms-carousel.template-cms_carousel--course .entry-meta { margin-bottom: 22px; } .cms-carousel.template-cms_carousel--portfolio { /* Portfolio layout */ } .cms-carousel.template-cms_carousel--portfolio .entry-media { margin-bottom: 0; } @media (min-width: 1200px) { .cms-carousel.template-cms_carousel--portfolio .owl-nav, .cms-carousel.template-cms_carousel--course .owl-nav { position: static; top: auto; right: auto; } .cms-carousel.template-cms_carousel--portfolio .owl-nav > div, .cms-carousel.template-cms_carousel--course .owl-nav > div { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* Horizontal Align */ margin-top: -30px; } .cms-carousel.template-cms_carousel--portfolio .owl-nav > div.owl-prev, .cms-carousel.template-cms_carousel--course .owl-nav > div.owl-prev { left: -60px; } .cms-carousel.template-cms_carousel--portfolio .owl-nav > div.owl-next, .cms-carousel.template-cms_carousel--course .owl-nav > div.owl-next { right: -60px; } } .cms-carousel .owl-nav { position: absolute; top: -50px; right: 0; } .cms-carousel .owl-nav > div { background: #57badb; display: block; width: 28px; height: 27px; line-height: 25px; cursor: pointer; text-align: center; color: #fff; float: left; margin-right: 14px; -webkit-transition: all 0.25s ease-out; -khtml-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } .cms-carousel .owl-nav > div:last-child { margin-right: 0; } .cms-carousel .owl-nav > div:hover, .cms-carousel .owl-nav > div:active, .cms-carousel .owl-nav > div:focus { background-color: #383c4b; } .cms-carousel .owl-dots { text-align: center; margin-top: 25px; } .cms-carousel .owl-dots .owl-dot { width: 10px; height: 10px; display: inline-block; background: #383c4b; cursor: pointer; vertical-align: top; margin: 0 0 10px 12px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .cms-carousel .owl-dots .owl-dot:first-child { margin-left: 0; } .cms-carousel .owl-dots .owl-dot.active { background: #57badb; } .cms-testimonial-carousel { /* CMS CountDown */ } .cms-testimonial-carousel .wg-title { font-size: 25px; color: #57badb; margin-bottom: 45px; } .cms-testimonial-carousel .description { font: normal 18px/28px 'Lato', sans-serif; color: #fff; font-style: italic; margin-bottom: 27px; } .cms-testimonial-carousel img { width: auto; border: 4px solid #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ margin-bottom: 6px; display: inline-block; max-width: 62px; } .cms-testimonial-carousel .author-name { font-size: 14px; font-weight: bold; color: #f5f5f5; } .cms-testimonial-carousel .author-position { font-size: 12px; font-weight: bold; color: #d1cece; margin-top: -6px; } .cms-testimonial-carousel .flex-direction-nav { position: relative; top: -100px; } .cms-testimonial-carousel .flex-direction-nav li { display: inline-block; margin: 0 60px 0 0; } .cms-testimonial-carousel .flex-direction-nav li a { position: static; } .cms-testimonial-carousel .flex-direction-nav li:last-child { margin: 0 0 0 60px; } .cms-countdown { /* CMS Single Fancy Boxes */ } .cms-countdown .cms-countdown-bar { vertical-align: top; } .cms-countdown .cms-countdown-bar ul { margin: 0 -25px; text-align: center; } .cms-countdown .cms-countdown-bar ul li { position: relative; text-align: center; margin: 0 25px; display: inline-block; vertical-align: top; border: 6px solid #000; width: 150px; height: 150px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ font-weight: 700; color: #57badb; } @media (max-width: 991px) { .cms-countdown .cms-countdown-bar ul li { margin-bottom: 30px; } } .cms-countdown .cms-countdown-bar ul li .cms-count { font-size: 50px; line-height: 1; line-height: 44px; display: block; margin: 0 auto; margin-bottom: 11px; padding-top: 27px; } .cms-countdown .cms-countdown-bar ul li .cms-count + span { font-size: 20px; } .cms-countdown .cms-countdown-bar.white ul li { border-color: #fff; } .cms-single-fancybox { /* CMS Recents Post */ } .cms-single-fancybox .fancy-box-image { position: relative; display: inline-block; vertical-align: top; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-single-fancybox .fancy-box-image img { max-width: 64px; } .cms-single-fancybox .fancy-box-image > i { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #fff; background-color: rgba(87, 186, 219, 0.7); } .cms-single-fancybox .fancy-box-image.outline { width: 215px; height: 215px; display: inline-block; background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/long-shadow-bg.png) center center no-repeat; margin-bottom: -60px; } .cms-single-fancybox .fancy-box-image.outline img { position: absolute; top: 42px; left: 43px; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-single-fancybox .fancy-box-image.outline > i { top: 50px; left: 50px; position: absolute; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-single-fancybox h5 { margin: 23px 0 12px; } .cms-single-fancybox:hover .fancy-box-image:not(.outline) { -webkit-transform: translateY(-7px); -khtml-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-single-fancybox:hover .fancy-box-image img { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-single-fancybox.content-align-center { /* Layout Add Course */ } .cms-single-fancybox.content-align-center .outline { margin: 0 auto -60px; background-position: 29px 0; text-align: center; } .cms-single-fancybox.content-align-center .outline img { margin-left: 30px; } .cms-single-fancybox.addcourses .fancy-box-image { max-width: 65px; margin-right: 20px; } .cms-single-fancybox.addcourses .fancy-box-image + h5, .cms-single-fancybox.addcourses .fancy-box-image + h5 a { font-size: 17px; margin: 0 0 10px; line-height: 18px; } .cms-single-fancybox.addcourses .description { color: #5a5e6a; font-weight: 600; } .cms-single-fancybox.addcourses:hover .fancy-box-image { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-el-recent-post { /* CMS Login */ } .cms-el-recent-post .cms-recent-item { padding: 9px; background: rgba(87, 186, 219, 0.2); border-radius: 2px; margin-top: 20px; } .cms-el-recent-post .cms-recent-item:first-child { margin-top: 0; } .cms-el-recent-post .cms-recent-item .cms-recent-img { margin-right: 10px; max-width: 92px; } .cms-el-recent-post .cms-recent-item .cms-recent-details .title { margin: -3px 0 10px; } .cms-el-recent-post .cms-recent-item .cms-recent-details .title a { color: #57badb; } .cms-el-recent-post .cms-recent-item .cms-recent-details .title a:hover { color: #383c4b; } .cms-el-recent-post .cms-recent-item .cms-recent-details .description { font-size: 12px; line-height: 20px; color: #383c4b; margin-bottom: 6px; } .cms-el-recent-post .cms-recent-item .cms-recent-details .icon-sprite { display: block; width: 20px; height: 20px; line-height: 20px; font-size: 11px; background: #383c4b; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); -khtml-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); -ms-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25); /* BACKGROUND GRADIENT */ color: #fff; text-align: center; margin-top: 3px; } .cms-el-recent-post .cms-recent-item .cms-recent-details .icon-sprite:hover { background-color: #57badb; } .cms-login-wrapper { /* CMS Clients Carousel */ } .cms-login-wrapper .boxed .cms-login-header .wg-title { font-size: 18px; } .cms-login-wrapper .boxed #user_login, .cms-login-wrapper .boxed #user_pass, .cms-login-wrapper .boxed #wp-submit, .cms-login-wrapper .boxed #user_email { margin-bottom: 20px; } .cms-login-wrapper .boxed .btn { font-size: 15px !important; } .cms-login-wrapper .boxed a.create-new, .cms-login-wrapper .boxed a.forgot-pass { font-size: 14px; color: #5a5e6a; } .cms-login-wrapper .boxed a.create-new:hover, .cms-login-wrapper .boxed a.forgot-pass:hover { text-decoration: underline; } .cms-login-wrapper .boxed a.create-new.required, .cms-login-wrapper .boxed a.forgot-pass.required { color: red; } .cms-login-wrapper .boxed .login-op-btn { display: block; background-position: right bottom; background-repeat: no-repeat; display: block; font-size: 15px; font-weight: 700; color: #fff; padding: 9px 20px; margin-bottom: 20px; } .cms-login-wrapper .boxed .login-op-btn.login-fb { background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/login-facebook-icon.png); background-color: #5d82d1; } .cms-login-wrapper .boxed .login-op-btn.login-gg { background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/login-google-icon.png); background-color: #eb5e4c; } .cms-login-wrapper .boxed .login-op-btn.login-tw { background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/login-twitter-icon.png); background-color: #40bff5; } .cms-login-wrapper .boxed .login-op-btn.login-ya { background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/login-yahoo-icon.png); background-color: #ab47ac; } .cms-login-wrapper .boxed .login-op-btn:hover, .cms-login-wrapper .boxed .login-op-btn:active, .cms-login-wrapper .boxed .login-op-btn:focus { background-color: #383c4b; text-decoration: none; } @media (max-width: 320px) { .cms-login-wrapper .boxed .login-op-btn { font-size: 13px; } } .cms-login-wrapper .boxed + .boxed { margin-top: 30px; padding-bottom: 0; } @media (max-width: 991px) { .cms-login-wrapper .boxed label[for="rememberme"] { margin-bottom: 20px; display: inline-block; } } @media (max-width: 360px) { .cms-login-wrapper .boxed .forgot-pass { display: block; } } .cms-clients-carousel:not(.cms-testimonial-carousel) { /* CMS Pricing */ } .cms-clients-carousel:not(.cms-testimonial-carousel) .flex-direction-nav { position: absolute; top: 0; right: 0; } @media (max-width: 991px) { .cms-clients-carousel:not(.cms-testimonial-carousel) ul.slides a { padding-top: 10px; padding-bottom: 10px; } .cms-clients-carousel:not(.cms-testimonial-carousel) ul.slides a img { width: 100%; } } @media (max-width: 320px) { .cms-clients-carousel:not(.cms-testimonial-carousel) ul.slides a { width: 50%; } } .cms-pricing { /* CMS Course Categories */ } .cms-pricing .pricing-header { padding: 15px 0 11px; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; /* BACKGROUND GRADIENT */ } .cms-pricing .pricing-header .pricing-icon { display: block; background: #2f3342; width: 94px; height: 94px; line-height: 86px; margin: auto; border: 4px solid #2da9d2; font-size: 38px; } .cms-pricing .pricing-header .pricing-title { color: #fff; margin: 9px 0 0 0; font-size: 20px; } .cms-pricing .pricing-feature li { font-size: 16px; line-height: 29px; color: #5a5e6a; padding: 10px 5px; border-bottom: 1px solid #ededed; cursor: default; } .cms-pricing .pricing-feature li .availabel { color: #7db701; } .cms-pricing .pricing-feature li:hover { background: #f9f9f9; } .cms-pricing .pricing-button { margin: 20px; display: block; padding: 12px 10px; font-weight: 700; font-size: 20px; color: #fff; line-height: 26px; } .cms-pricing .pricing-button .currency { font-size: 14px; } .cms-pricing .pricing-button .pricing-arrow { background: #383c4b; text-align: center; font-size: 13px; } .cms-pricing .pricing-button:hover { background: #383c4b; } .cms-pricing .pricing-button:hover .pricing-arrow { background: #fff; color: #383c4b; } .cms-pricing:hover { /* Style 2 */ } .cms-pricing:hover .pricing-header .pricing-icon { border-color: #2f3342; } .cms-pricing.style-2 { /* Style 2 */ } .cms-pricing.style-2 .pricing-header { padding: 36px 0 50px; } .cms-pricing.style-2 .pricing-title { margin-bottom: 12px; font-size: 25px; } .cms-pricing.style-2 .pricing-title + div { color: #2a2e3d; font-size: 14px; } .cms-pricing.style-2 .pricing-button { background-color: #383c4b; } .cms-pricing.style-2 .pricing-button:hover { background-color: #57badb; } .cms-pricing.style-3 { background-color: #383c4b; } .cms-pricing.style-3 .pricing-header { padding: 36px 20px 50px; } .cms-pricing.style-3 .pricing-title { margin-bottom: 12px; font-size: 28px; } .cms-pricing.style-3 .pricing-title + div { font-style: italic; font-size: 16px; } .cms-pricing.style-3 .pricing-feature { margin: 0 20px; padding: 12px 0; border-top: 1px solid #2c2e39; border-bottom: 1px solid #2c2e39; } .cms-pricing.style-3 .pricing-feature li { border: none; color: #b5b7bb; } .cms-pricing.style-3 .pricing-feature li:hover { background: transparent; } .cms-pricing.style-3 .pricing-button-wrap { padding: 20px 20px 10px 20px; } .cms-pricing.style-3 .pricing-button-wrap .pricing-button { margin: 0 0 10px 0; width: 105px; float: left; font-size: 17px; text-align: center; } .cms-pricing.style-3 .pricing-button-wrap .pricing-button:not(.accent-bg) { background-color: #000; } .cms-pricing.style-3 .pricing-button-wrap .pricing-button:hover { background-color: #fff; color: #383c4b; } .cms-pricing.style-3 .pricing-button-wrap .pricing-button + .pricing-button { margin-left: 12px; } .cms-course-categories { /* CMS Courses Search */ } .cms-course-categories .cms-course-category { margin-bottom: 30px; } .cms-course-categories .cms-course-category > div:hover .icon-sprite { background-color: #383c4b; } .cms-course-categories .cms-course-category > div:hover .icon-sprite .icon, .cms-course-categories .cms-course-category > div:hover .icon-sprite i { -webkit-animation: CMSTextSprite 0.25s forwards; -khtml-animation: CMSTextSprite 0.25s forwards; -moz-animation: CMSTextSprite 0.25s forwards; -ms-animation: CMSTextSprite 0.25s forwards; -o-animation: CMSTextSprite 0.25s forwards; animation: CMSTextSprite 0.25s forwards; /* BACKGROUND GRADIENT */ } .cms-course-categories .entry-media { overflow: inherit; } .cms-course-categories .entry-media img { width: 100%; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; /* BACKGROUND GRADIENT */ } .cms-course-categories .icon-sprite { position: absolute; left: 15px; bottom: -19px; z-index: 2; } .cms-course-categories h4 { font-size: 16px; padding: 19px 15px 13px; margin: 0; line-height: 20px; } .cms-course-categories h4 a { font-size: 16px; } .cms-course-categories .course-count { color: #5a5e6a; font-weight: 600; padding: 0 15px 20px; } .cms-course-categories .course-count span { color: #383c4b; } .cms-courses-search-wrap { position: relative; /* VC Element */ } .cms-courses-search-wrap .cms-courses-search-icon { font: normal normal normal 18px/1 "FontAwesome"; display: block; background: #fff; width: 80px; height: 36px; line-height: 36px; color: #a9abb0; text-align: center; border-radius: 2px 2px 0 0; left: 50%; position: relative; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* Center Align */ } .cms-courses-search-wrap .cms-courses-search { vertical-align: top; } .cms-courses-search-wrap .cms-courses-search input[type='search'] { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ font-style: italic; font-weight: normal; font-size: 13px; padding: 3px 9px; border: 1px solid rgba(222, 222, 222, .8); width: 490px; margin-right: 11px; } @media (max-width: 1024px) { .cms-courses-search-wrap .cms-courses-search input[type='search'] { width: 100%; margin-right: 0; margin-bottom: 20px; text-align: center; } } .cms-courses-search-wrap .cms-courses-search > div { display: inline-block; margin-right: 11px; vertical-align: top; } .cms-courses-search-wrap .cms-courses-search > div:last-child { margin-right: 0; } .cms-courses-search-wrap .cms-courses-search input[type="submit"]:hover { background-color: #57badb; } .cms-courses-search-wrap .cms-courses-search .dropdown { width: 170px; } @media (max-width: 767px) { .cms-courses-search-wrap .cms-courses-search > div { display: block; width: 100%; margin-bottom: 20px; } .cms-courses-search-wrap .cms-courses-search > div input[type="submit"] { margin: 0 auto; } .cms-courses-search-wrap .cms-courses-search > div:last-child { margin-bottom: 0; } .cms-courses-search-wrap .cms-courses-search .dropdown { width: auto; } } .wpb_content_element .widget_search input[type="text"] { font-weight: normal; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .vc_custom_heading[class*="fa-"]:before, .vc_custom_heading > i:before { font-family: 'FontAwesome'; background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 18px; margin-right: 6px; } .wpb_images_carousel .vc_images_carousel .vc_inner { position: relative; } .wpb_images_carousel .vc_images_carousel .vc_inner img { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .wpb_images_carousel .vc_images_carousel .vc_inner:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(0, 0, 0, .25); -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; /* BACKGROUND GRADIENT */ } .wpb_images_carousel .vc_images_carousel .vc_carousel-control { width: 28px; height: 27px; position: absolute; top: auto; left: auto; right: 62px; bottom: 20px; margin: 0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ display: block !important; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control.vc_right { right: 20px; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control span { width: 28px; height: 27px; background: #383c4b; display: block; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ overflow: hidden; cursor: pointer; text-align: center; font-size: 13px; margin: 0 !important; position: relative; top: auto; left: auto; -webkit-transition: all 0.25s ease-out; -khtml-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .wpb_images_carousel .vc_images_carousel .vc_carousel-control span:before { font-family: 'FontAwesome'; content: '\f104'; font-size: 13px; color: #fff; line-height: 27px; top: auto; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control span.icon-next:before { content: '\f105'; } .wpb_images_carousel .vc_images_carousel .vc_carousel-control span:hover { background-color: #57badb; } #cms-footer-top .widget { margin-bottom: 20px; } #cms-footer-top .widget .cms-recent-post .cms-recent-details h5.title { padding-bottom: 11px; font-size: 14px; } #cms-footer-top .widget .cms-recent-post .cms-recent-details h5.title a { font-size: 14px; } #cms-footer-top .widget .description { line-height: 22px; } #cms-footer-top .about-text { font-size: 12px; line-height: 21px; } #cms-footer-top .wg-title { padding-bottom: 11px; margin: 0 0 14px; border-bottom: 1px solid #3d404d; } #cms-footer-top .wg-title:before { display: none; } #cms-footer-top .widget_znews-twitter-widget .bx-pager .bx-pager-item a, #cms-footer-top .cms-recent-post .flex-control-nav li a { background-color: #f4f4f4; } #cms-footer-top .widget_znews-twitter-widget .bx-pager .bx-pager-item a.active, #cms-footer-top .cms-recent-post .flex-control-nav li a.active, #cms-footer-top .widget_znews-twitter-widget .bx-pager .bx-pager-item a.flex-active, #cms-footer-top .cms-recent-post .flex-control-nav li a.flex-active, #cms-footer-top .widget_znews-twitter-widget .bx-pager .bx-pager-item a:hover, #cms-footer-top .cms-recent-post .flex-control-nav li a:hover { background-color: #57badb; } #cms-footer-top ul.menu a, #cms-footer-top ul.nav a, #cms-footer-top .tweet-text > a.author { background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/footer-link-arrow.png) no-repeat left center; display: inline-block; padding: 0 0 0 18px; color: #57badb; } #cms-footer-top ul.menu a:hover, #cms-footer-top ul.nav a:hover, #cms-footer-top .tweet-text > a.author:hover, #cms-footer-top ul.menu a:active, #cms-footer-top ul.nav a:active, #cms-footer-top .tweet-text > a.author:active, #cms-footer-top ul.menu a:focus, #cms-footer-top ul.nav a:focus, #cms-footer-top .tweet-text > a.author:focus { background-position: 2px center; color: #fff; } #cms-footer-top ul.menu li, #cms-footer-top ul.nav li { margin-bottom: 12px; line-height: 18px; } #cms-footer-bottom .widget { margin-top: 20px; } #cms-footer-bottom a:hover, #cms-footer-bottom a:active, #cms-footer-bottom a:focus { color: #fff; } #back_to_top { position: fixed; bottom: -45px; right: 10px; cursor: pointer; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: rgba(87, 186, 219, 0.6); z-index: 10; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #back_to_top.off { visibility: hidden; } #back_to_top.on { visibility: visible; bottom: 10px; } input, button, textarea { border: none; outline: none; -webkit-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } input:hover, button:hover, textarea:hover, input:active, button:active, textarea:active, input:focus, button:focus, textarea:focus { outline: none; } select, textarea { width: 100%; max-width: 100%; outline: none; } select:hover, textarea:hover, select:active, textarea:active, select:focus, textarea:focus { outline: none; } input, select { height: 40px; padding: 5px 20px; line-height: 30px; vertical-align: middle; } input, select, textarea { border: 1px solid #d7d8db; font-size: 15px; color: #252a28; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } select { font-weight: 700; } textarea { padding: 10px 20px; } textarea:active, textarea:focus { border-color: #252a28; } input { width: 100%; outline: none; } input[type="checkbox"], input[type="radio"], input[type="date"], input[type="number"], input[type="submit"] { width: auto; } input[type=checkbox], input[type=radio] { height: auto; margin: 0 10px 0 0; } input[type=checkbox] + label, input[type=radio] + label { display: inline; cursor: pointer; font-weight: normal; position: relative; font-size: 14px; font-weight: 700; color: #383c4b; } input[type="checkbox"] { position: absolute; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } input[type="checkbox"] + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 22px; height: 22px; background: #d7d8db; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } input[type="checkbox"]:checked + label:after { content: ''; position: absolute; left: 5px; top: 9px; background: white; width: 4px; height: 4px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -3px 0 white, 4px -8px 0 white, 4px -6px 0 white; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ } input[type="number"] { padding-left: 0; padding-right: 0; text-align: center; } input[type='text']:active, input[type="email"]:active, input[type="password"]:active, input[type="tel"]:active, input[type='text']:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus { border-color: #252a28; } select { background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/select-arrow.jpg); background-position: right center; /* Remove default browser select arrow*/ background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } select::-ms-expand { /* Remove default browser select arrow on IE */ display: none; } select option { background-color: #f9f9f9; border-bottom: 1px solid #dedede; font-size: 13px; font-weight: 700; padding: 9px 8px; } select option:focus, select option:hover { background-color: #fff; } label.checkbox, label[for="rememberme"] { display: inline-block; margin: 0; /* Custom Select tag */ } label.checkbox + input[type="checkbox"], label[for="rememberme"] + input[type="checkbox"], label.checkbox input[type="checkbox"], label[for="rememberme"] input[type="checkbox"] { margin: 0 0 0 20px; width: 22px; height: 22px; border: none; background-color: transparent; color: #7db701; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } label.checkbox input[type="checkbox"], label[for="rememberme"] input[type="checkbox"] { position: relative; } form .dropdown { position: relative; width: 100%; cursor: pointer; height: 40px; color: #000; border: 1px solid rgba(222, 222, 222, .8); border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-align: start; background: #fff; z-index: 10; } form .dropdown div, form .dropdown li, form .dropdown div::after, form .dropdown .carat, form .dropdown .carat:after, form .dropdown .selected::after, form .dropdown:after { -webkit-transition: all 150ms ease-in-out; -khtml-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } form .dropdown div { position: absolute; height: 0; left: -1px; right: 0; top: 100%; margin-top: 1px; background: #f9f9f9; overflow: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ color: #757576; border: 1px solid rgba(222, 222, 222, .8); border-top: 0 !important; min-width: 170px; } form .dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; } form .dropdown .selected, form .dropdown li { display: block; font-size: 13px; font-weight: 700; overflow: hidden; padding: 9px 8px; line-height: normal; } form .dropdown .selected { white-space: nowrap; } form .dropdown .selected:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 5px 5px 0; } form .dropdown .carat { position: absolute; right: 9px; top: 14px; width: 18px; height: 18px; margin-top: -5px; z-index: 1; background: #57badb; border-radius: 2px; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; } form .dropdown .carat:after { font-family: 'FontAwesome'; content: '\f107'; position: absolute; left: 5px; top: 0; color: #fff; line-height: 1.5; } form .dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; /* Opened */ } form .dropdown ul li { list-style: none; border-bottom: 1px solid #dedede; } form .dropdown ul li:hover, form .dropdown ul li:focus { background-color: #fff; } form .dropdown.open { z-index: 10; /* Scrollable */ } form .dropdown.open div { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ z-index: 2; } form .dropdown.open .carat:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } form .dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; } form .dropdown.scrollable.bottom div::after { opacity: 0; } form .dropdown.scrollable ul { overflow-y: auto; } body { word-break: break-word; white-space: normal; } body #cms-page { overflow-x: hidden; } body .accent-color { color: #57badb; } body .accent-bg { background-color: #57badb; color: #fff; } body .accent-bg.regular:hover { background-color: #383c4b; } body #cms-loading { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: #57badb; -webkit-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ z-index: 1050; } body #cms-loading .ball, body #cms-loading .loader { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); /* BACKGROUND GRADIENT */ } body #cms-loading .ball { background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/dummy/loader.svg) no-repeat center center; width: 60px; height: 30px; background-size: 60px; } body #cms-loading .loader { background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/dummy/loader.gif) no-repeat center center; width: 24px; height: 24px; background-size: 24px; } body .boxed, body .woocommerce-message, body .woocommerce-tabs, body .woocommerce-info, body .woocommerce-error, body .woocommerce-billing-fields, body .woocommerce-shipping-fields, body .woocommerce-checkout-review-order, body .woocommerce-thankyou-order-received, body .woocommerce-thankyou-order-details, body.woocommerce-order-received table.order_details, body.woocommerce-order-received table.customer_details, body.woocommerce-order-received address, body form.checkout_coupon, body .woocommerce form.login { background: #fff; padding: 20px; position: relative; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); /* BACKGROUND GRADIENT */ /* Popup Style */ } body .boxed.wpb_wrapper, body .woocommerce-message.wpb_wrapper, body .woocommerce-tabs.wpb_wrapper, body .woocommerce-info.wpb_wrapper, body .woocommerce-error.wpb_wrapper, body .woocommerce-billing-fields.wpb_wrapper, body .woocommerce-shipping-fields.wpb_wrapper, body .woocommerce-checkout-review-order.wpb_wrapper, body .woocommerce-thankyou-order-received.wpb_wrapper, body .woocommerce-thankyou-order-details.wpb_wrapper, body.woocommerce-order-received table.order_details.wpb_wrapper, body.woocommerce-order-received table.customer_details.wpb_wrapper, body.woocommerce-order-received address.wpb_wrapper, body form.checkout_coupon.wpb_wrapper, body .woocommerce form.login.wpb_wrapper { background-position: bottom right !important; } body .boxed .wpb_content_element, body .woocommerce-message .wpb_content_element, body .woocommerce-tabs .wpb_content_element, body .woocommerce-info .wpb_content_element, body .woocommerce-error .wpb_content_element, body .woocommerce-billing-fields .wpb_content_element, body .woocommerce-shipping-fields .wpb_content_element, body .woocommerce-checkout-review-order .wpb_content_element, body .woocommerce-thankyou-order-received .wpb_content_element, body .woocommerce-thankyou-order-details .wpb_content_element, body.woocommerce-order-received table.order_details .wpb_content_element, body.woocommerce-order-received table.customer_details .wpb_content_element, body.woocommerce-order-received address .wpb_content_element, body form.checkout_coupon .wpb_content_element, body .woocommerce form.login .wpb_content_element, body .boxed .entry-content, body .woocommerce-message .entry-content, body .woocommerce-tabs .entry-content, body .woocommerce-info .entry-content, body .woocommerce-error .entry-content, body .woocommerce-billing-fields .entry-content, body .woocommerce-shipping-fields .entry-content, body .woocommerce-checkout-review-order .entry-content, body .woocommerce-thankyou-order-received .entry-content, body .woocommerce-thankyou-order-details .entry-content, body.woocommerce-order-received table.order_details .entry-content, body.woocommerce-order-received table.customer_details .entry-content, body.woocommerce-order-received address .entry-content, body form.checkout_coupon .entry-content, body .woocommerce form.login .entry-content { margin-bottom: 0; } body .box-shadow { -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03); /* BACKGROUND GRADIENT */ } body .transition { -webkit-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .rounded { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } body .rounded1 { -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } body .rounded2 { -webkit-border-radius: 2px !important; -khtml-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; -o-border-radius: 2px !important; border-radius: 2px !important; /* BACKGROUND GRADIENT */ } body .rounded3 { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } body .icon-sprite .icon, body ul.cms-main-navigation li > a .icon, body .icon-sprite i, body ul.cms-main-navigation li > a i { display: inline-block; } body .icon-sprite:hover .icon, body ul.cms-main-navigation li > a:hover .icon, body .icon-sprite:hover i, body ul.cms-main-navigation li > a:hover i { -webkit-animation: CMSTextSprite 0.25s forwards; -khtml-animation: CMSTextSprite 0.25s forwards; -moz-animation: CMSTextSprite 0.25s forwards; -ms-animation: CMSTextSprite 0.25s forwards; -o-animation: CMSTextSprite 0.25s forwards; animation: CMSTextSprite 0.25s forwards; /* BACKGROUND GRADIENT */ } body [class*='icon-'], body [class^='icon-'] { display: inline-block; text-align: center; } body .icon-28 { width: 28px !important; height: 28px !important; line-height: 28px !important; } body .icon-29 { width: 29px; height: 29px; line-height: 29px; } body .icon-29 > i { -webkit-transform: translateY(-2px); -khtml-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } body .icon-34 { width: 34px; height: 34px; line-height: 34px; font-size: 18px; } body .icon-38 { width: 38px; height: 38px; line-height: 38px; font-size: 18px; } body .icon-dark { background: rgba(56, 60, 75, 0.8); color: #fff; } body .inline { display: inline-block; } body .vertical-center { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* Horizontal Align */ left: 20px; right: 20px; } body .center-align { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); /* BACKGROUND GRADIENT */ } body .overlay-wrapper { /* add Transition style */ } body .overlay-wrapper .overlay { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; padding: 0 20px; background: rgba(87, 186, 219, .9); overflow: hidden; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; /* BACKGROUND GRADIENT */ -webkit-transition: all 0.2s ease-in; -khtml-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .overlay-wrapper .overlay .overlay-content > div { background-color: rgba(56, 60, 75, .8); position: relative; left: -250px; display: block; height: 36px; line-height: 36px; color: #fff; text-align: left; padding-left: 10px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-transition: all 0.25s ease-out 0.25s; -khtml-transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -ms-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; transition: all 0.25s ease-out 0.25s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .overlay-wrapper .overlay .overlay-content > div.course-place i { margin-right: 10px; } body .overlay-wrapper .overlay .overlay-content > div + div { margin-top: 10px; -webkit-transition: all 0.25s ease-out 0.35s; -khtml-transition: all 0.25s ease-out 0.35s; -moz-transition: all 0.25s ease-out 0.35s; -ms-transition: all 0.25s ease-out 0.35s; -o-transition: all 0.25s ease-out 0.35s; transition: all 0.25s ease-out 0.35s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .overlay-wrapper .overlay .overlay-content > div i { font-size: 17px; margin-right: 5px; } body .overlay-wrapper .overlay .overlay-content .LeftToRight { position: relative; left: -250px; -webkit-transition: all 0.25s ease-out 0.35s; -khtml-transition: all 0.25s ease-out 0.35s; -moz-transition: all 0.25s ease-out 0.35s; -ms-transition: all 0.25s ease-out 0.35s; -o-transition: all 0.25s ease-out 0.35s; transition: all 0.25s ease-out 0.35s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .overlay-wrapper .overlay .overlay-content .LeftToRight + .LeftToRight { -webkit-transition: all 0.25s ease-out 0.25s; -khtml-transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -ms-transition: all 0.25s ease-out 0.25s; -o-transition: all 0.25s ease-out 0.25s; transition: all 0.25s ease-out 0.25s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .overlay-wrapper:hover .overlay { top: 0; } body .overlay-wrapper:hover .overlay .overlay-content > div, body .overlay-wrapper:hover .overlay .overlay-content .LeftToRight { left: 0; } body .popup-wrapper { position: relative; /* KeyFrame */ } body .popup-wrapper .popup { display: none; position: absolute; background-color: #fff; border: ; padding: 20px; z-index: 100; /*&:hover, &:active, &:focus,*/ } body .popup-wrapper .popup.move-up { top: 200%; } body .popup-wrapper .popup.move-down { top: -100%; } body .popup-wrapper .popup.center-scale { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ } body .popup-wrapper .popup.active { visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } body .popup-wrapper .popup.active.move-up { top: 100%; } body .popup-wrapper .popup.active.move-down { top: 100%; } body .popup-wrapper .popup.active.center-scale { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ } body .popup-wrapper.active .popup { visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } body .popup-wrapper.active .popup.move-up { top: 100%; } body .popup-wrapper.active .popup.move-down { top: 100%; } body .popup-wrapper.active .popup.center-scale { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ } body .popup-wrapper.pull-right .popup { left: 0; } body .popup-wrapper.pull-left .popup { right: 0; } @media (max-width: 767px) { body .popup-wrapper { position: static; } } #cms-popup-login { /* Page template Blog */ } @media (min-width: 991px) { #cms-popup-login { padding-top: 120px; } } #cms-popup-login a.close-modal { font-size: 18px; vertical-align: top; position: absolute; top: 13px; right: 35px; z-index: 1; color: #383c4b; } .page-template-blog-list, .page-template-blog-grid, .page-template-blog-grid2, .page-template-blog-grid3 { /* 404 Page */ } .page-template-blog-list .paging-navigation .pagination, .page-template-blog-grid .paging-navigation .pagination, .page-template-blog-grid2 .paging-navigation .pagination, .page-template-blog-grid3 .paging-navigation .pagination { margin-top: 17px; margin-bottom: 10px; } #cms-page.error-404 { background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/error-page-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 100vh; } #cms-page.error-404:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(38, 41, 52, .96); } .page-404 { /* Search page */ } .page-404 .icon-404 { width: 330px; height: 330px; margin: 8px auto 20px; padding-top: 65px; color: #fff; display: block; } .page-404 .icon-404 .num { font-size: 110px; line-height: 110px; font-weight: 300; color: #fff; margin: 0; padding-top: 20px; padding-bottom: 20px; } .page-404 .icon-404 .text { font-size: 16px; margin-top: -5px; } @media (max-width: 480px) { .page-404 .icon-404 { width: 240px; height: 240px; padding-top: 20px; } } .page-404 .error-msg { font-size: 24px; text-align: center; margin-bottom: 56px; font-weight: 400; line-height: 30px; margin-top: 2px; color: #5a5e6a; } .page-404 .entry-content { background: rgba(87, 186, 219, 0.2); padding: 12px; margin-bottom: 25px; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -khtml-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -ms-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); /* BACKGROUND GRADIENT */ } .page-404 .entry-content h3 { font-size: 16px; font-weight: 700; margin: 2px 0 0 0; } @media (max-width: 991px) { .page-404 .entry-content h3 { margin-bottom: 30px; } } .page-404 .entry-content .cms-social a { margin-bottom: 0; } .page-404 .entry-content .cms-searchform { max-width: 350px; margin: 0 auto; } .page-404 .theme-layout { padding: 108px 0 115px; } .page-404 .theme-layout .icon-404 { border: 5px solid #57badb; } .page-404 .theme-layout .error-msg { color: #fff; } .page-404 .theme-layout .entry-content { background-color: transparent; border: 2px solid #5a5e6a; color: #fff; } .search.no-results { /* Remove BODY Scrollbar */ } .search.no-results .cms-searchform input { width: 100%; } .search.no-results .cms-searchform button { position: absolute; top: 0; right: 0; -webkit-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; /* BACKGROUND GRADIENT */ } body::-webkit-scrollbar { /* Chrome */ width: 0 !important; } img { max-width: 100%; height: auto; } img.videopress-poster { height: inherit; } .alignleft { float: left; margin-right: 15px; margin-bottom: 15px; } .alignright { float: right; margin-left: 15px; margin-bottom: 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; /* Gallery */ } [id*="gallery-"].gallery, [id^="gallery-"].gallery { margin-left: -5px; margin-right: -5px; margin-bottom: -10px !important; } [id*="gallery-"].gallery .gallery-item, [id^="gallery-"].gallery .gallery-item { margin-top: 0 !important; margin-bottom: 10px; padding: 0 5px; } [id*="gallery-"].gallery .gallery-item:last-child, [id^="gallery-"].gallery .gallery-item:last-child { margin-bottom: 0; } [id*="gallery-"].gallery .gallery-item dt, [id^="gallery-"].gallery .gallery-item dt { margin-bottom: 0; } [id*="gallery-"].gallery .gallery-item dt img, [id^="gallery-"].gallery .gallery-item dt img { border: none !important; } .wp-caption, .wp-caption-text, .screen-reader-text, .gallery-caption { outline: none; max-width: 100%; } .wp-caption > img, .wp-caption-text > img, .screen-reader-text > img, .gallery-caption > img { width: 100%; } .wp-caption-text { background-color: #ededed; padding: 5px 10px; } iframe, video, audio { max-width: 100%; /* Badge Ribbon */ } .badge-ribbon { width: 86px; height: 86px; background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/ribbon.png) no-repeat center center; padding-top: 10px; position: absolute; left: -4px; top: -4px; z-index: 1; /* Flex Slider */ } .badge-ribbon span { display: block; text-align: left; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, .2); -webkit-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -khtml-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -moz-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -ms-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); -o-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .badge-ribbon.new span { text-indent: 9px; } .badge-ribbon.new + .badge-ribbon { left: auto; right: -4px; background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/ribbon2.png) no-repeat center center; } .badge-ribbon.new + .badge-ribbon span { -webkit-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); -khtml-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); -moz-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); -ms-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); -o-transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); transform: matrix(0.7, 0.7, -0.7, 0.7, 0, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ text-indent: 38px; } .flexslider-wrap { position: relative; } .flex-direction-nav { list-style: none; } .flex-direction-nav a { background: #57badb; display: block; width: 28px; height: 27px; line-height: 27px; border-radius: 1px; margin: 0 0; position: absolute; top: 4px; right: 15px; z-index: 1; overflow: hidden; cursor: pointer; text-align: center; } .flex-direction-nav a:before { font: normal normal normal 13px "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 27px; color: #fff; display: inline-block; content: '\f104'; -webkit-transform: translateY(-1px); -khtml-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .flex-direction-nav a.flex-prev { right: 57px; } .flex-direction-nav a.flex-next:before { content: '\f105'; } .flex-direction-nav a:hover { background-color: #383c4b; } .flex-control-nav { list-style: none; /* BX Slider */ } .flex-control-nav li { display: inline-block; padding: 0 5px; } .flex-control-nav li:first-child { padding-left: 0; } .flex-control-nav li:last-child { padding-right: 0; } .flex-control-nav li a { width: 10px; height: 10px; display: block; background: #383c4b; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background-color: #57badb; } .bx-wrapper { /* Bootstrap Carousel */ } .bx-wrapper .bx-controls .bx-pager { clear: both; overflow: hidden; max-height: 10px; margin-top: 10px; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item { display: inline-block; margin-right: 10px; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child { margin-right: 0; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { width: 10px; height: 10px; display: block; background: #383c4b; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover { background-color: #57badb; } .bx-wrapper .bx-controls .bx-controls-direction { margin-top: 30px; max-height: 27px; } .bx-wrapper .bx-controls .bx-controls-direction a { background: #383c4b; display: inline-block; width: 28px; height: 27px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ text-align: center; font-size: 0; color: #fff; } .bx-wrapper .bx-controls .bx-controls-direction a:before { font-family: 'FontAwesome'; display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: 27px; text-indent: 0; } .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:before { content: '\f104'; } .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before { content: '\f105'; } .bx-wrapper .bx-controls .bx-controls-direction a + a { margin-left: 14px; } .bx-wrapper .bx-controls .bx-controls-direction a:hover { background-color: #57badb; } .carousel .carousel-control { background: #383c4b; display: block; width: 28px; height: 27px; line-height: 25px; bottom: 20px; top: auto; left: auto; z-index: 1; overflow: hidden; cursor: pointer; text-align: center; color: #fff; font-size: 13px; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .carousel .carousel-control:hover { background: #57badb; } .carousel .carousel-control.left { right: 62px; } .carousel .carousel-control.right { right: 20px; } .sidebar-area .widget { margin-bottom: 30px; } .sidebar-area .widget .wg-title:before { font-family: 'FontAwesome'; content: "\f075"; background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 18px; margin-right: 6px; } .sidebar-area .widget:not(.widget_search) { background: #fff; border-radius: 4px; -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); /* BACKGROUND GRADIENT */ padding: 20px; } .sidebar-area .widget:last-child { margin-bottom: 0; } .sidebar-area .widget .cms-el-recent-post .cms-recent-item .cms-recent-img { position: relative; } .sidebar-area .widget .cms-el-recent-post .cms-recent-item .cms-recent-img img { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .sidebar-area .widget .cms-el-recent-post .cms-recent-item .cms-recent-img:after { content: ''; background: rgba(0, 0, 0, .25); display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; /* BACKGROUND GRADIENT */ } .sidebar-area .widget .cms-el-recent-post .cms-recent-item .cms-recent-details .title { font-size: 14px; } .required { color: #f00; } .required:hover { color: #f00; } a { outline: none; text-decoration: none; -webkit-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } a:hover, a:active, a:focus { outline: none; text-decoration: none; } a:focus { color: inherit; } a[rel='author'] { text-transform: capitalize; } h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 12px; } p { margin-bottom: 15px; } p:last-child { margin-bottom: 0; } ins { text-decoration: none; } label, .label { font-weight: 700; color: #383c4b; font-size: inherit; white-space: normal; margin: 0; /* List Style */ } ul, ol { list-style-position: inside; padding: 0; /* Level 2 */ margin: 0; /* Definition Lists */ } ul ul, ol ul, ul ol, ol ol { padding-left: 10px; } ul.menu, ol.menu, ul.nav, ol.nav { list-style: none; } ul li, ol li { position: relative; line-height: 30px; } ul.play-circle, ol.play-circle, ul.checked-circle, ol.checked-circle, ul.normal-caret, ol.normal-caret, ul.list-star, ol.list-star, ul.arrow-circle, ol.arrow-circle, ul.bold-caret, ol.bold-caret { list-style: none; } ul.play-circle li:before, ol.play-circle li:before, ul.checked-circle li:before, ol.checked-circle li:before, ul.normal-caret li:before, ol.normal-caret li:before, ul.list-star li:before, ol.list-star li:before, ul.arrow-circle li:before, ol.arrow-circle li:before, ul.bold-caret li:before, ol.bold-caret li:before { color: #57badb; margin-right: 10px; font: normal normal normal 15px/1 "FontAwesome"; } ul.play-circle li:before, ol.play-circle li:before { content: '\f01d'; } ul.checked-circle li:before, ol.checked-circle li:before { content: '\f05d'; } ul.normal-caret li:before, ol.normal-caret li:before { content: '\f105'; } ul.list-star li:before, ol.list-star li:before { content: '\f006'; } ul.arrow-circle li:before, ol.arrow-circle li:before { content: '\f0a9'; } ul.bold-caret li:before, ol.bold-caret li:before { content: '\f0da'; } dl { margin: 0 20px; /* Table */ } dl dd { margin: 0 0 20px; } table, .table { width: 100%; border: 1px solid #eee; } table th, .table th, table td, .table td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; line-height: normal !important; } table th:last-child, .table th:last-child, table td:last-child, .table td:last-child { border-right: 0; } table th, .table th { background-color: #f9f9f9; font-size: 14px; font-weight: 700; color: #383c4b; padding: 12px 10px !important; } table td, .table td { padding: 20px !important; vertical-align: top; } table tr:last-child td, .table tr:last-child td { border-bottom: none; } table.boxed, .table.boxed { border: none; } table > thead > tr > th, .table > thead > tr > th { border-bottom-width: 1px; } .table-responsive { margin-bottom: 0; overflow-y: inherit; -ms-overflow-style: -ms-autohiding-scrollbar; border: none; /* Block Quote */ } .table-responsive table, .table-responsive .table { min-width: 767px; } blockquote { display: block; position: relative; padding: 23px 30px 25px 30px; margin: 6px 0; border-left: 6px solid #57badb; color: #57badb; line-height: 28px; } blockquote p { margin: 0 0 15px; font-size: 20px; font-style: italic; } blockquote p:last-child { margin-bottom: 0; } blockquote cite { display: block; font-size: 13px; color: #5a5e6a; font-style: normal; margin-top: 9px; } blockquote.style-2 { border: none; } blockquote.style-2:before, blockquote.style-2:after { display: block; font: normal normal normal 16px/1 "FontAwesome"; color: #a9abb0; position: absolute; } blockquote.style-2:before { content: '\f10d'; left: 0; top: 0; } blockquote.style-2:after { content: '\f10e'; right: 0; bottom: 0; } blockquote.style-3 { background: #f8f7f7; border: 1px solid #e9e8e8; border-radius: 5px; } blockquote.style-4 { border: none; background: #fe9d68; border-radius: 5px; color: #fff; } form { /* pagination */ } form.boxed { padding-top: 1px !important; } .paging-navigation { display: block; overflow: hidden; text-align: center; clear: both; width: 100%; } .pagination { display: block; margin: 20px 0 0 0; overflow: hidden; text-align: center; clear: both; } .pagination .page-numbers { margin: 0 1px; display: inline-block; background: #e6e6e6; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; font-weight: 700; color: #5a5e6a; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ } .pagination .page-numbers.next, .pagination .page-numbers.prev { background-color: #57badb; font-size: 13px; font-weight: 400; color: #fff; margin: 0 6px; } .pagination .page-numbers:hover, .pagination .page-numbers:active, .pagination .page-numbers:focus, .pagination .page-numbers.current { background: #383c4b; color: #fff; } .pagination.post-pagination .page-numbers { background-color: #383c4b; color: #fff; } .pagination.post-pagination a .page-numbers { background: #e6e6e6; color: #383c4b; } .pagination.post-pagination a .page-numbers:hover, .pagination.post-pagination a .page-numbers:active, .pagination.post-pagination a .page-numbers:focus, .pagination.post-pagination a .page-numbers.current { background: #383c4b; color: #fff; } .wg-title, .wpb_heading { margin: 0 0 30px; font-size: 20px; } .wg-title .fa, .wpb_heading .fa { background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 18px; margin-right: 6px; } .wg-title + ul, .wpb_heading + ul { margin-top: -6px; } .widgettitle { font-size: 18px; margin: 0 0 30px; } .widgettitle:before { font-family: 'FontAwesome'; content: "\f075"; background: #383c4b; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; /* BACKGROUND GRADIENT */ color: #fff; font-size: 18px; margin-right: 6px; } .widgettitle + ul { margin-top: -6px; } .widget { /* CMS Social */ } .widget.widget_recent_entries .wg-title, .widget.widget_recent_comments .wg-title, .widget.widget_recent_entries .widgettitle, .widget.widget_recent_comments .widgettitle { margin-bottom: 0; } .widget.widget_recent_entries .wg-title:before, .widget.widget_recent_comments .wg-title:before, .widget.widget_recent_entries .widgettitle:before, .widget.widget_recent_comments .widgettitle:before { content: '\f086'; } .widget.widget_archive .wg-title:before, .widget.widget_categories .wg-title:before, .widget.widget_archive .widgettitle:before, .widget.widget_categories .widgettitle:before { content: '\f07b'; } .widget.widget_rss .wg-title:before { display: none; } .widget.widget_search .wg-title:before, .widget.widget_product_search .wg-title:before { content: "\f002"; } .widget.widget_tag_cloud .wg-title:before { content: "\f02c"; } .widget.widget_nav_menu .wg-title:before { content: "\f0c9"; } .widget.cms-el-social .widgettitle:before { content: "\f1e0"; } .widget.widget_znews-twitter-widget { position: relative; } .widget.widget_znews-twitter-widget .wg-title:before { content: "\f099"; } .widget table#wp-calendar th, .widget table#wp-calendar td { padding: 5px !important; text-align: center; border-bottom: 1px solid #eee !important; } .widget table#wp-calendar th#today, .widget table#wp-calendar td#today { background-color: #57badb; color: #fff; font-weight: 700; } .widget table#wp-calendar th#today a, .widget table#wp-calendar td#today a { color: #fff; } .cms-social { padding: 0; margin: 0; } .cms-social li { padding: 0; vertical-align: bottom; /* Dark Version */ } .cms-social li a { display: block; border: 1px solid #e6e6e6; width: 25px; height: 25px; line-height: 25px; font-size: 15px; text-align: center; color: #a9abb0; margin-right: 7px; overflow: hidden; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-social li a:hover, .cms-social li a:active, .cms-social li a:focus { background-color: #57badb; color: #fff; border-color: #57badb; } .cms-social li:last-child a { margin-right: 0; } .cms-social.dark { /* VC Element */ } .cms-social.dark li a { background: #2c2f3c; width: 28px; height: 28px; line-height: 28px; border: none; } .cms-social.dark li a:hover, .cms-social.dark li a:active, .cms-social.dark li a:focus { background-color: #57badb; color: #383c4b !important; } .cms-social.cms-social-element li a { width: 32px; height: 32px; line-height: 32px; color: #fff; background-color: #57badb; border: none; margin-right: 10px; margin-bottom: 10px; font-size: 18px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .cms-social.cms-social-element li a:hover, .cms-social.cms-social-element li a:active, .cms-social.cms-social-element li a:focus { background-color: #383c4b !important; } .cms-social.cms-social-element li a:before { display: none; } .cms-social.cms-social-element li:last-child a { margin-right: 0; } .cms-social.cms-social-element.colored a[class*="facebook"], .cms-social.cms-social-element.colored a[class^="facebook"] { background-color: #5d82d1; } .cms-social.cms-social-element.colored a[class*="pinterest"], .cms-social.cms-social-element.colored a[class^="pinterest"] { background: #e13138; } .cms-social.cms-social-element.colored a[class*="twitter"], .cms-social.cms-social-element.colored a[class^="twitter"] { background: #40bff5; } .cms-social.cms-social-element.colored a[class*="rss"], .cms-social.cms-social-element.colored a[class^="rss"] { background: #faa33d; } .cms-social.cms-social-element.colored a[class*="vimeo"], .cms-social.cms-social-element.colored a[class^="vimeo"] { background: #35c6ea; } .cms-social.cms-social-element.colored a[class*="dribbble"], .cms-social.cms-social-element.colored a[class^="dribbble"] { background: #f7659c; } .cms-social.cms-social-element.colored a[class*="tumblr"], .cms-social.cms-social-element.colored a[class^="tumblr"] { background: #426d9b; } .cms-social.cms-social-element.colored a[class^="behance"], .cms-social.cms-social-element.colored a[class*="behance"] { background: #1879fd; } .cms-social.cms-social-element.colored a[class^="stumbleupon"], .cms-social.cms-social-element.colored a[class*="stumbleupon"] { background: #ff5c30; } .cms-social.cms-social-element.colored a[class^="dropbox"], .cms-social.cms-social-element.colored a[class*="dropbox"] { background: #17a3eb; } .cms-social.cms-social-element.colored a[class^="soundcloud"], .cms-social.cms-social-element.colored a[class*="soundcloud"] { background: #ff7e30; } .cms-social.cms-social-element.colored a[class^="lastfm"], .cms-social.cms-social-element.colored a[class*="lastfm"] { background: #f34320; } .cms-social.cms-social-element.colored a[class^="flickr"], .cms-social.cms-social-element.colored a[class*="flickr"] { background: #ff48a3; } .cms-social.cms-social-element.colored a[class^="deviantart"], .cms-social.cms-social-element.colored a[class*="deviantart"] { background: #6a8a7b; } .cms-social.cms-social-element.colored a[class^="linkedin"], .cms-social.cms-social-element.colored a[class*="linkedin"] { background: #238cc8; } .cms-social.cms-social-element.colored a[class^="digg"], .cms-social.cms-social-element.colored a[class*="digg"] { background: #75788d; } .cms-social.cms-social-element.colored a[class^="xing"], .cms-social.cms-social-element.colored a[class*="xing"] { background: #1a8e8c; } .cms-social.cms-social-element.colored a[class^="github"], .cms-social.cms-social-element.colored a[class*="github"] { background: #3f91cb; } .cms-social.cms-social-element.colored a[class^="instagram"], .cms-social.cms-social-element.colored a[class*="instagram"] { background: #548bb6; } .cms-social.cms-social-element.colored a[class^="yahoo"], .cms-social.cms-social-element.colored a[class*="yahoo"] { background: #ab47ac; } .cms-social.cms-social-element.colored a[class^="youtube"], .cms-social.cms-social-element.colored a[class*="youtube"] { background: #ef4e41; } .cms-social.cms-social-element.colored a[class^="skype"], .cms-social.cms-social-element.colored a[class*="skype"] { background: #13c1f3; } .cms-social.cms-social-element.colored a[class^="share"], .cms-social.cms-social-element.colored a[class*="share"] { background: #25a774; } .cms-social.cms-social-element.colored a[class^="wordpress"], .cms-social.cms-social-element.colored a[class*="wordpress"] { background: #2592c3; } .cms-social.cms-social-element.colored a[class^="plus"], .cms-social.cms-social-element.colored a[class*="plus"] { background: ; } .cms-social.cms-social-element.colored a[class^="delicious"], .cms-social.cms-social-element.colored a[class*="delicious"] { background: #ff9233; } .cms-social.cms-social-element.colored a[class^="reddit"], .cms-social.cms-social-element.colored a[class*="reddit"] { background: #377bda; } .cms-social.cms-social-element.colored a[class^="apple"], .cms-social.cms-social-element.colored a[class*="apple"] { background: #b3b5b8; } .cms-social.cms-social-element.colored a[class^="vk"], .cms-social.cms-social-element.colored a[class*="vk"] { background: #4778ac; } .cms-social.cms-social-element.colored a[class^="google-plus"], .cms-social.cms-social-element.colored a[class*="google-plus"] { background: #ff7850; } .boxed > .cms-social { background-color: rgba(87, 186, 219, 0.2); -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ padding: 12px 12px 8px; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -khtml-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -ms-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03); /* BACKGROUND GRADIENT */ /* News Twitter */ } .boxed > .cms-social.cms-social-element li a { width: 28px; height: 28px; line-height: 28px; margin: 0 4px 4px 0; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .widget_znews-twitter-widget { /* CMS Recent Post */ } .widget_znews-twitter-widget .news-twitter .tweet-time { font-size: 11px; color: #6f7478; margin: 0; } .widget_znews-twitter-widget .bx-pager { position: absolute; top: 0; right: 0; } .cms-recent-post { position: relative; /* WP Archive & Categories & Meta */ } .cms-recent-post .cms-recent-item > div + div { margin-top: 22px; } .cms-recent-post .cms-recent-media { background-color: #57badb; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 18px; color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-recent-post .cms-recent-details { margin-left: 58px; } .cms-recent-post .cms-recent-details h5.title { margin: 0; padding-bottom: 13px; font-weight: 700; } .cms-recent-post .cms-recent-details h5.title a { color: #57badb; } .cms-recent-post .cms-recent-details .date { display: block; font-size: 11px; color: #afb1b2; } .cms-recent-post .flex-control-nav { position: absolute; top: 10px; right: 0; } .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_nav_menu ul, .widget_layered_nav ul, .widget_product_categories ul { list-style: none; } .widget_archive ul li > a, .widget_categories ul li > a, .widget_meta ul li > a, .widget_pages ul li > a, .widget_rss ul li > a, .widget_nav_menu ul li > a, .widget_layered_nav ul li > a, .widget_product_categories ul li > a { background: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/sidebar-link-arrow.png) no-repeat left center; padding: 6px 0 6px 18px; color: #252a28; display: inline-block; line-height: 18px; } .widget_archive ul li > a:hover, .widget_categories ul li > a:hover, .widget_meta ul li > a:hover, .widget_pages ul li > a:hover, .widget_rss ul li > a:hover, .widget_nav_menu ul li > a:hover, .widget_layered_nav ul li > a:hover, .widget_product_categories ul li > a:hover { background-position: 2px center; color: #57badb; } .widget_rss { /* WP Recent Post & Recent Comments */ } .widget_rss ul li > a { color: #57badb; } .widget_recent_entries, .widget_recent_comments { /* WP Search */ } .widget_recent_entries ul, .widget_recent_comments ul { list-style: none; padding: 0; margin: 0; } .widget_recent_entries ul li, .widget_recent_comments ul li { padding: 17px 0; border-bottom: 1px solid #d7d8db; line-height: normal; } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_recent_entries ul a, .widget_recent_comments ul a, .widget_recent_entries ul .comment-author-link, .widget_recent_comments ul .comment-author-link { display: block; font-weight: 700; font-size: 14px; padding: 10px 0; background: transparent !important; } .cms-searchform { position: relative; /* Tags Cloud*/ } .cms-searchform input { background-color: #e1e1e1; width: 270px; max-width: 100%; line-height: 30px; padding: 5px 10px; font-size: 14px; font-style: italic; font-weight: normal; color: #383c4b; border: none; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .03); } .cms-searchform button { width: 70px; height: 40px; line-height: 40px; color: #fff; text-align: center; vertical-align: middle; background: #57badb; float: right; font-size: 16px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; /* BACKGROUND GRADIENT */ } @media (min-width: 992px) and (max-width: 1024px) { .cms-searchform button { width: 33px; padding: 0; } } @media (max-width: 991px) { .cms-searchform input { padding-right: 70px; width: 100%; } .cms-searchform button { position: absolute; top: 0; right: 0; } } .tagcloud { margin-bottom: -10px; /* News Tabs */ } .tagcloud a { display: inline-block; font-size: 12px !important; color: #909090; border: 1px solid #ededed; padding: 3px 11px; margin: 0 6px 10px 0; text-transform: capitalize; } .tagcloud a:hover { background-color: #57badb; color: #fff; border-color: #57badb; } .widget_ww_news_tabs > .tab-holder { margin: -20px; } .widget_ww_news_tabs > .tab-holder .tab-content { padding: 0 20px 20px; } @media (max-width: 1024px) { .cms-mousewheel { overflow-y: scroll !important; } } @media (min-width: 992px) and (max-width: 1024px) { /* Min width 992px */ .cms-header-navigation-wrapper { float: none !important; text-align: center; } .cms-header-navigation-wrapper .widget_shopping_cart_content { text-align: start; } #cms-header-navigation, .cms-header .cms-header-logo { float: none !important; clear: both; text-align: center; } .cms-header .cms-header-logo { text-align: center; } .cms-header .cms-header-logo img { -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); /* BACKGROUND GRADIENT */ } .cms-header:not(.header-sticky) .cms-header-logo { margin-bottom: -40px; } .widget_search .cms-searchform input { padding-right: 40px; } .widget_search .cms-searchform button.searchsubmit { position: absolute; right: 0; top: 0; } } @media (min-width: 992px) { /* Max width 991px */ .text-md-right { text-align: right; } } @media (max-width: 991px) { /* Max width 767px */ .text-sm-center { text-align: center; } .widget_search .cms-searchform input { padding-right: 70px; } .widget_search .cms-searchform button.searchsubmit { position: absolute; right: 0; top: 0; } .content-area + .sidebar-area, .sidebar-area + .content-area { margin-top: 30px; } } @media (max-width: 767px) { /* Max Width 320 */ .text-xs-center { text-align: center; } } @media (max-width: 320px) { .text-xs-left { text-align: left; } } .container { position: relative; } .content-align-center { text-align: center; } .content-align-left { text-align: left; } .content-align-right { text-align: right; /* Float position */ } .pull-none { float: none !important; /* Remove default column padding */ } .nopaddingall { padding: 0 !important; } .nopaddingleft { padding-left: 0 !important; } .nopaddingright { padding-right: 0 !important; } .nopaddingtop { padding-top: 0 !important; } .nopaddingbottom { padding-bottom: 0 !important; } .nomarginall { margin: 0 !important; /* VC Row */ } .vc_row { position: relative; z-index: 1; } .vc_row.cms-row-ontop { z-index: 2; } .vc_row[data-vc-full-width] { overflow: inherit !important; } @media (max-width: 767px) { .vc_row .wpb_column + .wpb_column .vc_row.vc_inner { margin-top: 30px; } } .vc_row.vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0; } .vc_row.wpb_start_animation.wpb_top-to-bottom, .wpb_column.wpb_start_animation.wpb_top-to-bottom { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-animation: CMSFadeInDown 0s both; -khtml-animation: CMSFadeInDown 0s both; -moz-animation: CMSFadeInDown 0s both; -ms-animation: CMSFadeInDown 0s both; -o-animation: CMSFadeInDown 0s both; animation: CMSFadeInDown 0s both; /* BACKGROUND GRADIENT */ /* VC Progress Bar */ } .vc_progress_bar.vc_progress-bar-color-custom .vc_single_bar { margin-bottom: 14px; width: 100%; background: #e9e9e9; height: 38px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ box-shadow: none; } .vc_progress_bar.vc_progress-bar-color-custom .vc_single_bar:last-child { margin-bottom: 0; } .vc_progress_bar.vc_progress-bar-color-custom .vc_single_bar .vc_label { color: #fff; font-weight: 700; font-size: inherit; padding: 0 20px; line-height: 38px; } .vc_progress_bar.vc_progress-bar-color-custom .vc_single_bar .vc_bar { background-color: #57badb; } .vc_tta-container > h2 { margin: 0 0 30px; /* VC Accordion */ } .vc_tta-accordion.vc_tta { /* VC Tabs */ } .vc_tta-accordion.vc_tta .vc_tta-panel-title { display: block; text-align: inherit; } .vc_tta-accordion.vc_tta .vc_tta-panels-container .vc_tta-panel-body { padding: 18px 20px; } .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-panel-body, .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-panel-heading, .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-tab > a { border-width: 1px; border-color: #dfdfdf !important; color: #252a28; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-panel:not(:last-child) .vc_tta-panel-heading { margin-bottom: -1px; } .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-panel-title > a { font-size: 14px; font-weight: 700; padding: 14px 20px; } .vc_tta-accordion.vc_tta.vc_tta-style-outline.vc_tta-color-grey .vc_tta-panel { background: #fff; } .vc_tta-accordion.vc_tta.vc_tta-style-outline.vc_tta-color-grey .vc_tta-panel .vc_tta-panel-heading:hover { background: transparent; } .vc_tta-accordion.vc_tta.vc_tta-style-outline.vc_tta-color-grey .vc_tta-panel .vc_tta-panel-title > a { color: #252a28; } .vc_tta-accordion.vc_tta.vc_tta-style-outline.vc_tta-color-grey .vc_tta-panel .vc_tta-panel-title > a:hover { color: #57badb; } .vc_tta-accordion.vc_tta.vc_tta-style-outline.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #57badb; } .vc_tta-accordion.vc_tta.vc_tta-style-outline.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { content: '\f068'; background: #5a5e6a; } .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-controls-icon.vc_tta-controls-icon-plus { font: normal normal normal 10px/1 "FontAwesome"; background: #57badb; display: inline-block; width: 20px; height: 20px; line-height: 20px; right: 10px; border-radius: 1px; text-align: center; color: #fff; border: none; } .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { content: '\f067'; border: none; } .vc_tta-accordion.vc_tta.vc_tta-style-outline .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { display: none; } .vc_tta-accordion.vc_tta.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body { -webkit-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; /* BACKGROUND GRADIENT */ } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); /* BACKGROUND GRADIENT */ overflow: hidden; /* VC Custom Heading */ } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top > .vc_tta-tabs-container { margin-right: 0; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li { display: table-cell; width: 1%; float: none; text-align: center; border-right: 1px solid #fff; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li:last-child { border-right: 0; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li a { background: #57badb; font-size: 16px; font-weight: 700; text-align: center; color: #fff; cursor: pointer; border: none; padding: 6px 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li a:hover { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li.vc_active a { background-color: #f3f3f3; color: #57badb; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li:first-child a { -webkit-border-radius: 4px 0 0 0; -khtml-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; /* BACKGROUND GRADIENT */ } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top ul.vc_tta-tabs-list li:last-child a { -webkit-border-radius: 0 4px 0 0; -khtml-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; /* BACKGROUND GRADIENT */ } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels { background-color: transparent; border-width: 1px 0 0 0; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel { margin: 0; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #57badb; margin-bottom: -1px; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading a { color: #fff; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: #f3f3f3; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #57badb; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading a { color: #fff; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_tta-panels .vc_tta-panel .cms-el-recent-post { padding: 6px 0; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_pagination .vc_pagination-item > a { border-color: #383c4b; } .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_pagination .vc_pagination-item.vc_active > a, .vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-tabs-position-top .vc_pagination .vc_pagination-item:hover > a { border-color: #57badb; } .vc_custom_heading { color: #57badb; margin: 0 0 10px 0; /* VC Element */ } .wpb_column .wpb_revslider_element { margin-bottom: 0; } .vc_wp_search .searchsubmit { font-size: 16px; /* BOOSTRAP */ /* Boostrap tabs */ } .nav-tabs { margin-bottom: 20px; } .nav-tabs li a { font-size: 16px; font-weight: 700; text-align: center; color: #fff; padding: 9px 5px; cursor: pointer; background-color: #57badb; border: none !important; margin-right: 1px !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; /* BACKGROUND GRADIENT */ } .nav-tabs li:hover a { background-color: rgba(87, 186, 219, 0.2); } .nav-tabs li.active a, .nav-tabs li:active a { background-color: #fff; color: #57badb !important; } .nav-tabs li:first-child > a { -webkit-border-radius: 4px 0 0 0 !important; -khtml-border-radius: 4px 0 0 0 !important; -moz-border-radius: 4px 0 0 0 !important; -ms-border-radius: 4px 0 0 0 !important; -o-border-radius: 4px 0 0 0 !important; border-radius: 4px 0 0 0 !important; /* BACKGROUND GRADIENT */ } .nav-tabs li:last-child > a { -webkit-border-radius: 0 4px 0 0 !important; -khtml-border-radius: 0 4px 0 0 !important; -moz-border-radius: 0 4px 0 0 !important; -ms-border-radius: 0 4px 0 0 !important; -o-border-radius: 0 4px 0 0 !important; border-radius: 0 4px 0 0 !important; /* BACKGROUND GRADIENT */ margin-right: 0 !important; } @media (min-width: 991px) { .modal-dialog.container { min-width: 750px; } } .modal-backdrop.in { background-color: #262934; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -webkit-opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity: 0.9; -ms-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .rev_slider_wrapper .slotholder { position: relative; } .rev_slider_wrapper .slotholder:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0); z-index: 100; } .rev_slider_wrapper .WP-Coursaty-Title { padding: 0 0 25px 0; margin: 0; position: relative; } .rev_slider_wrapper .WP-Coursaty-Title:after { content: ""; background: #57badb; width: 30px; height: 3px; bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* Center Align */ } .rev_slider_wrapper .tparrows { background-color: transparent; background-image: url(/20210927013220oe_/http://eltu.cuhk.edu.hk/wp-content/themes/wp-coursaty/assets/images/home-slider-arrow.png); background-repeat: no-repeat; width: 16px; height: 58px; } .rev_slider_wrapper .tparrows:before { content: ""; } .rev_slider_wrapper .tparrows.tp-leftarrow { background-position: 0 0; } .rev_slider_wrapper .tparrows.tp-leftarrow:hover { background-position: 0 100%; } @media (max-width: 991px) { .rev_slider_wrapper .tparrows.tp-leftarrow { right: auto; left: -50px !important; } } .rev_slider_wrapper .tparrows.tp-rightarrow { background-position: 100% 0; } .rev_slider_wrapper .tparrows.tp-rightarrow:hover { background-position: 100% 100%; } @media (max-width: 991px) { .rev_slider_wrapper .tparrows.tp-rightarrow { left: auto !important; right: -70px; } } .rev_slider_wrapper .tp-bullets .tp-bullet { width: 10px; height: 10px; background: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .rev_slider_wrapper .tp-bullets .tp-bullet:hover, .rev_slider_wrapper .tp-bullets .tp-bullet.selected { background: #57badb; } .rev_slider_wrapper .btn { font-size: 15px; line-height: 38px; white-space: nowrap; -webkit-transition: all 0.2s linear !important; -khtml-transition: all 0.2s linear !important; -moz-transition: all 0.2s linear !important; -ms-transition: all 0.2s linear !important; -o-transition: all 0.2s linear !important; transition: all 0.2s linear !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; /* BACKGROUND GRADIENT */ } .rev_slider_wrapper .btn:hover { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ background: #fff; color: #21242e; } .rev_slider_wrapper .btn:not(.btn-primary) { background: #21242e; } .rev_slider_wrapper .btn:not(.btn-primary):hover { background: #fff; } .rev_slider_wrapper .scroll-down a { display: block; text-align: center; } .rev_slider_wrapper .scroll-down a span { display: block; font-family: 'Lato', Arial, sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; padding: 5px 0; } .rev_slider_wrapper .scroll-down a i { color: #fc9c67; font-size: 17px; -webkit-animation: CMSBounceDown 1.2s infinite; -khtml-animation: CMSBounceDown 1.2s infinite; -moz-animation: CMSBounceDown 1.2s infinite; -ms-animation: CMSBounceDown 1.2s infinite; -o-animation: CMSBounceDown 1.2s infinite; animation: CMSBounceDown 1.2s infinite; /* BACKGROUND GRADIENT */ } .wpb_revslider_element { /* News Twitter */ } .wpb_revslider_element + .cms-courses-search-wrap { margin: 30px 15px 0; } @media (min-width: 768px) { .wpb_revslider_element + .cms-courses-search-wrap { position: absolute; bottom: 30px; margin: 0; width: 100%; } } .news-twitter { position: relative; } .news-twitter .news-tweet-content + .news-tweet-content { margin-top: 20px; } .news-twitter .news-tweet-content .white { color: #fff; } .news-twitter .news-tweet-content .white a { color: #fff; } .news-twitter .tweet-time { color: #202028; } .wpb_wrapper .news-twitter { /* Flex Map */ } .wpb_wrapper .news-twitter .tweet-time { margin: 16px 0 6px; } [id*="map-canvas-"], [id^="map-canvas-"] { position: relative; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ /* Contact Form 7 */ } [id*="map-canvas-"]:after, [id^="map-canvas-"]:after { content: ''; background: rgba(0, 0, 0, .25); display: block; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; } form.wpcf7-form .wpcf7-form-control-wrap { display: block; margin-top: 20px; overflow: hidden; } form.wpcf7-form .wpcf7-form-control-wrap textarea { height: 132px; resize: vertical; float: left; } form.wpcf7-form .wpcf7-form-control-wrap + input[type="submit"] { position: absolute; right: 25px; bottom: 12px; padding: 0 32px; } form.wpcf7-form .wpcf7-form-control-wrap + input[type="submit"]:hover { background-color: #57badb; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } form.wpcf7-form .wpcf7-form-control-wrap + input[type="submit"]:active, form.wpcf7-form .wpcf7-form-control-wrap + input[type="submit"]:focus { bottom: 32px; } form.wpcf7-form .ajax-loader { display: block; } form.wpcf7-form .ajax-loader[style="visibility: hidden;"] { display: none; } form.wpcf7-form input::-moz-placeholder { font-weight: 700; } form.wpcf7-form input:-ms-input-placeholder { font-weight: 700; } form.wpcf7-form input::-webkit-input-placeholder { font-weight: 700; } form.wpcf7-form textarea::-moz-placeholder { font-weight: 700; } form.wpcf7-form textarea:-ms-input-placeholder { font-weight: 700; } form.wpcf7-form textarea::-webkit-input-placeholder { font-weight: 700; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-ordering { margin-bottom: 30px; } .woocommerce .onsale { text-indent: 9px; } .woocommerce .star-rating { display: block; margin: 0 auto 0.5em; overflow: hidden; position: relative; height: 15px; line-height: 1; font-size: 15px; width: 5.4em; font-family: 'FontAwesome'; } .woocommerce .star-rating:before { content: "\f005\f005\f005\f005\f005"; top: 0; left: 0; position: absolute; color: #909090; font-size: 15px; } .woocommerce .star-rating span { overflow: hidden; top: 0; left: 0; position: absolute; padding-top: 1.5em; text-align: left; } .woocommerce .star-rating span:before { content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; color: #57badb; font-size: 15px; } .woocommerce .quantity { display: inline-block; position: relative; vertical-align: middle; } .woocommerce .quantity input { width: 40px; } .woocommerce .quantity.buttons_added input { float: left; width: 25px; height: 25px; line-height: 19px; padding: 0; margin: 0 0 0 5px; background-color: #fff; border: 1px solid #ededed; color: #57badb; font-weight: 700; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-box-shadow: 0 0 0 transparent; -khtml-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; /* BACKGROUND GRADIENT */ } .woocommerce .quantity.buttons_added input[type="number"] { width: 30px; color: #383c4b; font-weight: normal; font-size: 14px; } .woocommerce .quantity.buttons_added input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .woocommerce .quantity.buttons_added input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .woocommerce .quantity.buttons_added input.minus, .woocommerce .quantity.buttons_added input.plus { font-size: 18px; vertical-align: top; } .woocommerce dl.variation dt { float: left; margin-right: 10px; } .woocommerce ul#shipping_method { list-style: none; } .woocommerce .woocommerce-checkout-payment { margin-top: 30px; text-align: right; list-style: none; } .woocommerce .woocommerce-checkout-payment .wc_payment_methods { list-style: none; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info { margin-bottom: 60px; overflow: hidden; font-size: 15px; font-weight: 700; color: #57badb; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-info:before { content: "\f058"; display: block; float: left; margin-right: 20px; width: 46px; height: 46px; line-height: 46px; font-family: 'FontAwesome'; color: #fff; text-align: center; font-size: 15px; background-color: #57badb; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .woocommerce .woocommerce-message .wc-forward, .woocommerce .woocommerce-info .wc-forward { float: right; margin-left: 10px; } .woocommerce .woocommerce-info { color: #7db701; } .woocommerce .woocommerce-info:before { background-color: #7db701; } .woocommerce .woocommerce-info + .checkout_coupon, .woocommerce .woocommerce-info + .login { margin-top: -30px; margin-bottom: 30px; } .woocommerce .woocommerce-error { margin-bottom: 60px; overflow: hidden; font-size: 15px; font-weight: 700; color: red; list-style: none; } .woocommerce .woocommerce-error li:before { content: "\f05c"; display: inline-block; margin-right: 20px; width: 20px; height: 20px; line-height: 20px; font-family: 'FontAwesome'; color: #fff; text-align: center; font-size: 15px; background-color: red; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .woocommerce .woocommerce-tabs { padding: 0 !important; } .woocommerce .woocommerce-tabs ul.tabs { background-color: #f9f9f9; list-style: none; border-bottom: 1px solid #eee; clear: both; width: 100%; overflow: hidden; } .woocommerce .woocommerce-tabs ul.tabs li { float: left; border-right: 1px solid #eee; border-bottom: 1px solid transparent; margin-bottom: -1px; } .woocommerce .woocommerce-tabs ul.tabs li a { display: block; padding: 15px 20px; font-weight: 700; color: #383c4b; font-size: 14px; } .woocommerce .woocommerce-tabs ul.tabs li:last-child { border-right: 0; } .woocommerce .woocommerce-tabs ul.tabs li:hover, .woocommerce .woocommerce-tabs ul.tabs li:focus, .woocommerce .woocommerce-tabs ul.tabs li:active, .woocommerce .woocommerce-tabs ul.tabs li.active { background-color: #fff; border-bottom-color: #fff; } .woocommerce .woocommerce-tabs ul.tabs li:hover a, .woocommerce .woocommerce-tabs ul.tabs li:focus a, .woocommerce .woocommerce-tabs ul.tabs li:active a, .woocommerce .woocommerce-tabs ul.tabs li.active a { color: #57badb; } .woocommerce .woocommerce-tabs div.wc-tab { padding: 13px 20px 13px 20px; margin-bottom: 0; } .woocommerce .woocommerce-tabs div.wc-tab > h2, .woocommerce .woocommerce-tabs div.wc-tab #comments > h2 { margin: 0 0 15px 0; font-size: 20px; } .woocommerce .woocommerce-tabs div.wc-tab .commentlist { list-style: none; } .woocommerce .woocommerce-tabs div.wc-tab .commentlist .comment_container { margin-bottom: 10px; line-height: normal; } .woocommerce .woocommerce-tabs div.wc-tab .commentlist .comment_container .avatar { float: left; margin-right: 10px; } .woocommerce .woocommerce-tabs div.wc-tab .commentlist .comment_container .comment-text .star-rating { display: inline-block; } .woocommerce .woocommerce-tabs div.wc-tab .commentlist .comment_container .comment-text .meta { margin: -10px 0 5px; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating > label { margin-bottom: 15px; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a { font-size: 0; display: inline-block; margin-right: 50px; height: 20px; overflow: hidden; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a:last-child { margin-right: 0; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a:before { display: block; font-family: 'FontAwesome'; font-size: 15px; color: #909090; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a.star-1:before { content: "\f005"; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a.star-2:before { content: "\f005\f005"; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a.star-3:before { content: "\f005\f005\f005"; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a.star-4:before { content: "\f005\f005\f005\f005"; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a.star-5:before { content: "\f005\f005\f005\f005\f005"; } .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a:hover:before, .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a:active:before, .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a:focus:before, .woocommerce .woocommerce-tabs div.wc-tab .comment-form-rating .stars a.active:before { color: #57badb; } .woocommerce .woocommerce-tabs div.wc-tab#tab-description > h2 { display: none; } .woocommerce .shop_table .cart_item .product-name { position: relative; } .woocommerce .shop_table .cart_item .product-name .product-thumbnail { margin-right: 20px; background: #f4f4f4; padding: 7px 15px; } .woocommerce .shop_table .cart_item .product-name .product-thumbnail + a { font-size: 15px; color: #383c4b; font-weight: 700; } .woocommerce .shop_table .cart_item .product-name .product-thumbnail + a:hover { color: #57badb; } .woocommerce .shop_table .cart_item .product-name .remove { position: absolute; top: 20px; right: 20px; width: 19px; height: 19px; line-height: 19px; background-color: #383c4b; color: #fff; font-size: 15px; text-align: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .woocommerce .shop_table .cart_item .product-name .remove:hover { background-color: red; } .woocommerce .shop_table .cart_item .product-quantity { width: 180px; } .woocommerce .shop_table .cart_item .product-price, .woocommerce .shop_table .cart_item .product-subtotal { font-size: 13px; font-weight: 700; color: #5a5e6a; font-style: italic; } .woocommerce .shop_table .cart_item + tr .actions { padding-bottom: 10px !important; } .woocommerce .shop_table .coupon input { margin-bottom: 10px; } .woocommerce .shop_table .coupon input#coupon_code { max-width: 250px; font-weight: normal; padding: 6px 15px; display: inline-block; } .woocommerce .shop_table .coupon input[type="submit"] { margin-left: 6px; } .woocommerce .shop_table .button, .woocommerce .shop_table input[name="update_cart"] { margin-bottom: 10px; line-height: 40px; text-transform: uppercase; } .woocommerce .shop_table .button.checkout-button, .woocommerce .shop_table input[name="update_cart"].checkout-button { background-color: #57badb; margin-left: 6px; } .woocommerce .cart-calculate-shipping h5, .woocommerce .cart-collaterals h5, .woocommerce .cart-calculate-shipping h2, .woocommerce .cart-collaterals h2 { margin: 8px 0 30px; font-size: 18px; line-height: 1; } .woocommerce .cart-calculate-shipping button, .woocommerce .cart-collaterals button, .woocommerce .cart-calculate-shipping .button, .woocommerce .cart-collaterals .button { height: 40px; line-height: 40px; } .woocommerce .cart-calculate-shipping .wc-proceed-to-checkout, .woocommerce .cart-collaterals .wc-proceed-to-checkout, .woocommerce .cart-calculate-shipping .shipping-calculator-button, .woocommerce .cart-collaterals .shipping-calculator-button { display: none; } .woocommerce .cart-calculate-shipping .shop_table, .woocommerce .cart-collaterals .shop_table { border: none; } .woocommerce .cart-calculate-shipping .shop_table th, .woocommerce .cart-collaterals .shop_table th, .woocommerce .cart-calculate-shipping .shop_table td, .woocommerce .cart-collaterals .shop_table td { border: none; background-color: transparent; padding: 0; } .woocommerce .cart-calculate-shipping .shop_table th, .woocommerce .cart-collaterals .shop_table th { color: #57badb; } .woocommerce .cart-calculate-shipping .shop_table td, .woocommerce .cart-collaterals .shop_table td { text-align: right; font-size: 13px; color: #909090; } .woocommerce .cart-calculate-shipping .shop_table td .amount, .woocommerce .cart-collaterals .shop_table td .amount { font-weight: 400; } @media (max-width: 991px) { .woocommerce .cart-calculate-shipping, .woocommerce .cart-collaterals { margin-bottom: 30px; } } .woocommerce .products { /* Single Product */ } .woocommerce .products .product { margin-bottom: 30px; } .woocommerce .products img.attachment-shop_catalog { margin-top: 10px; } .woocommerce .products h3 { font-size: 18px; margin: 30px -10px 0; padding: 21px 0 8px; position: relative; } .woocommerce .products h3:before { position: absolute; top: 0; left: -10px; right: -10px; content: ""; display: block; height: 1px; background: #ededed; } .woocommerce .products span.price { display: block; font-size: 15px; font-weight: 700; color: #5a5e6a !important; } .woocommerce .products .button-wrap { padding: 20px 0 0; margin: 0 -8px; text-align: center; } .woocommerce .products .button-wrap a { padding-left: 13px; padding-right: 13px; text-transform: capitalize; margin: 0 8px 5px; /* margin-left: 0 !important; */ } .woocommerce .products .button-wrap a.loading { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .woocommerce .products .button-wrap a.loading:after { content: "\f110"; font-family: 'FontAwesome'; margin-left: 10px; -webkit-animation: CMSSpin 2s linear infinite; -khtml-animation: CMSSpin 2s linear infinite; -moz-animation: CMSSpin 2s linear infinite; -ms-animation: CMSSpin 2s linear infinite; -o-animation: CMSSpin 2s linear infinite; animation: CMSSpin 2s linear infinite; /* BACKGROUND GRADIENT */ } .woocommerce .products .button-wrap a.added:after { content: "\f00c"; font-family: 'FontAwesome'; margin-left: 10px; color: #7db701; } .woocommerce .products .button-wrap a.added_to_cart { clear: left; margin-left: 0; } .woocommerce .products .button-wrap a.added_to_cart + a { margin-left: 0; } .woocommerce .products .button-wrap a.product_type_variable { margin-left: 0; padding-left: 10px; padding-right: 10px; } .woocommerce .products .button-wrap a.product_type_variable + a { margin-left: 4px; } .woocommerce.single-product .entry-media { position: relative; background-color: #fff; padding: 50px; overflow: inherit; margin-bottom: 50px; } .woocommerce.single-product .entry-media:after { display: none; } .woocommerce.single-product .entry-media img { width: auto; } .woocommerce.single-product .entry-media .thumbnails { clear: both; margin-top: 30px; margin-bottom: -10px; } .woocommerce.single-product .entry-media .thumbnails a { display: inline-block; background-color: #ededed; padding: 10px; margin: 0 10px 10px 0; } .woocommerce.single-product .entry-media .thumbnails a:last-child { margin-right: 0; } .woocommerce.single-product .entry-summary .entry-title { font-size: 18px; } @media (min-width: 768px) { .woocommerce.single-product .entry-summary .woocommerce-product-rating { float: right; } } .woocommerce.single-product .entry-summary .woocommerce-product-rating .star-rating { display: inline-block; margin: 0; width: 94px; letter-spacing: 4px; -webkit-transform: translateY(4px); -khtml-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); /* BACKGROUND GRADIENT */ } .woocommerce.single-product .entry-summary .woocommerce-product-rating .review-count { color: #909090; } .woocommerce.single-product .entry-summary div[itemprop="offers"], .woocommerce.single-product .entry-summary .woocommerce-variation-price { font-size: 16px; color: #5a5e6a; font-style: italic; font-weight: 700; } .woocommerce.single-product .entry-summary div[itemprop="offers"] del, .woocommerce.single-product .entry-summary .woocommerce-variation-price del { color: red; } .woocommerce.single-product .entry-summary div[itemprop="description"] { padding: 3px 0 40px; border-bottom: 1px solid #e1e1e3; } .woocommerce.single-product .entry-summary .product_meta { border-bottom: 1px solid #e1e1e3; padding: 18px 0 30px 0; } .woocommerce.single-product .entry-summary .product_meta > h5 { padding-bottom: 10px; } .woocommerce.single-product .entry-summary .product_meta > div { display: block; color: #57badb; } .woocommerce.single-product .entry-summary .product_meta > div * { color: #909090; } .woocommerce.single-product .entry-summary .product_meta > div a { color: #909090; } .woocommerce.single-product .entry-summary .product_meta > div a:hover { color: #57badb; } .woocommerce.single-product .entry-summary .product_meta > div + div { margin-top: 6px; } .woocommerce.single-product .entry-summary form.cart { padding: 30px 0; border-bottom: 1px solid #e1e1e3; } .woocommerce.single-product .entry-summary form.cart .single_add_to_cart_button { width: 135px; height: 42px; line-height: 42px; text-align: center; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .woocommerce.single-product .entry-summary form.cart .variations > div { margin-bottom: 20px; } .woocommerce.single-product .entry-summary form.cart .single_variation_wrap .single_variation { margin-bottom: 20px; } .woocommerce.single-product .entry-summary form.cart .single_variation_wrap .single_variation > div { margin-bottom: 15px; } .woocommerce.single-product .entry-summary form.cart .single_variation_wrap .single_variation > div:empty, .woocommerce.single-product .entry-summary form.cart .single_variation_wrap .single_variation > div:last-child { margin-bottom: 0; } .woocommerce.single-product .entry-summary form.cart label { font-size: 15px; } @media (min-width: 480px) { .woocommerce.single-product .entry-summary form.cart label { padding-top: 10px; } } .woocommerce.single-product .entry-summary .entry-share-list { padding: 18px 0 60px; } .woocommerce.single-product .entry-summary .entry-share-list a { float: left; margin: 7px 10px 0 0; font-size: 14px; } .woocommerce.single-product .entry-summary .entry-share-list a:last-child { margin-right: 0; } .woocommerce.single-product .entry-summary .entry-share-list a + a { margin-left: 0; } .woocommerce.single-product .related, .woocommerce.single-product .upsells { margin-top: 142px; } .woocommerce.single-product .related .related-title, .woocommerce.single-product .upsells .related-title { margin: 0; padding: 0; font-size: 18px; } .woocommerce.single-product .related #related-product-carousel, .woocommerce.single-product .upsells #related-product-carousel, .woocommerce.single-product .related #upsells-product-carousel, .woocommerce.single-product .upsells #upsells-product-carousel { padding-top: 23px; } .woocommerce.single-product .related #related-product-carousel .owl-nav, .woocommerce.single-product .upsells #related-product-carousel .owl-nav, .woocommerce.single-product .related #upsells-product-carousel .owl-nav, .woocommerce.single-product .upsells #upsells-product-carousel .owl-nav { top: -123px; right: auto; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* Center Align */ } .woocommerce.single-product .related { margin-bottom: -40px; } .woocommerce-page { /* Shop Widget */ } .woocommerce-page .cross-sells { margin-top: 142px; /* Checkout page */ } .woocommerce-page .cross-sells .related-title { margin: 0; padding: 0; } .woocommerce-page .cross-sells #cms-wc-cross-sell { padding-top: 23px; } .woocommerce-page .cross-sells #cms-wc-cross-sell .owl-nav { top: -123px; right: auto; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* Center Align */ } .woocommerce-page .woocommerce-billing-fields, .woocommerce-page .woocommerce-shipping-fields { margin-bottom: 30px; } .woocommerce-page .woocommerce-billing-fields > h3, .woocommerce-page .woocommerce-shipping-fields > h3 { margin: 0 0 30px; } .woocommerce-page .col2-set { display: block; overflow: hidden; } @media (min-width: 992px) { .woocommerce-page .col2-set { margin: 0 -15px; } .woocommerce-page .col2-set > div { width: 50%; float: left; padding: 0 15px; } } .woocommerce-page h3#order_review_heading, .woocommerce-page h3#ship-to-different-address { margin: 0 0 30px; } .woocommerce-page.woocommerce-order-received table.order_details, .woocommerce-page.woocommerce-order-received table.customer_details { border: none; /* Account */ } .woocommerce-page.woocommerce-account form.edit-account input[name="save_account_details"] { margin-top: 20px; } .sidebar-area.sidebar-shop .widget .wg-title { position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 18px; } .sidebar-area.sidebar-shop .widget .wg-title:after { display: block; content: ""; height: 2px; background-color: #ededed; position: absolute; bottom: 0; left: -20px; right: -20px; } .sidebar-area.sidebar-shop .widget.widget_product_search { padding: 0; background: transparent; -webkit-box-shadow: 0 0 0 transparent; -khtml-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; /* BACKGROUND GRADIENT */ } .sidebar-area.sidebar-shop .widget.widget_product_search .cms-searchform { position: relative; } .sidebar-area.sidebar-shop .widget.widget_product_search .cms-searchform input { padding-right: 70px; font-weight: normal; text-transform: none; } .sidebar-area.sidebar-shop .widget.widget_product_search .cms-searchform button { position: absolute; top: 0; right: 0; } .sidebar-area.sidebar-shop .widget.widget_shopping_cart .wg-title:before { content: "\f07a"; } .sidebar-area.sidebar-shop .widget.widget_product_categories .wg-title:before { content: "\f07b"; } .sidebar-area.sidebar-shop .widget.widget_layered_nav .wg-title:before { content: "\f0c9"; } .sidebar-area.sidebar-shop .widget.widget_products .wg-title:before { content: "\f0e7"; } .sidebar-area.sidebar-shop .widget.widget_price_filter .wg-title:before { content: "\f0b0"; } .sidebar-area.sidebar-shop .widget.widget_price_filter input { margin-bottom: 20px; } .sidebar-area.sidebar-shop .widget.widget_price_filter button { width: 100px; margin: 0 auto; display: block; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider { position: relative; height: 4px; background-color: #e0e0e0; margin-bottom: 20px; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider .ui-slider-range { position: absolute; top: 0; height: 4px; z-index: 1; display: block; border: 0; background-color: #57badb; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider .ui-slider-handle { position: absolute; z-index: 2; width: 8px; height: 8px; background-color: #383c4b; cursor: ew-resize; outline: 0; top: -2px; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider_amount { position: relative; padding-top: 30px; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider_amount .price_label { position: absolute; top: 0; left: 0; font-size: 13px; line-height: 1; color: #909090; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider_amount .price_label span { color: #57badb; } .sidebar-area.sidebar-shop .widget.widget_price_filter .price_slider_amount button { width: 100px; text-align: center; background-color: #57badb; margin: 0; } ul.product_list_widget { list-style: none; padding: 0; margin: 0; } ul.product_list_widget li { display: block; clear: both; overflow: hidden; vertical-align: top; padding: 0 0 19px 0; margin: 0 0 19px 0; border-bottom: 1px solid #ebebed; } ul.product_list_widget li:last-child { border-bottom-width: 0; padding-bottom: 0; margin-bottom: 0; } ul.product_list_widget .remove { position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: rgba(255, 0, 0, 0.6); color: #fff; font-size: 20px; z-index: 1; } ul.product_list_widget .item-thumb { margin-right: 15px; padding: 8px 15px; background-color: #ededed; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } ul.product_list_widget .item-data { padding-left: 75px; -webkit-transform: translateY(-5px); -khtml-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ /* Mini Cart */ } ul.product_list_widget .item-data a { display: block; font-size: 15px; font-weight: 700; line-height: 22px; color: #383c4b; padding-bottom: 10px; } ul.product_list_widget .item-data a:hover { color: #57badb; } ul.product_list_widget .item-data dl.variation { margin-bottom: 5px; } ul.product_list_widget .item-data .quantity, ul.product_list_widget .item-data .amount { display: block; line-height: 1; font-weight: 700; font-size: 13px; } ul.product_list_widget .item-data .quantity .amount, ul.product_list_widget .item-data .amount .amount { display: inline; } ul.product_list_widget .item-data .star-rating { margin-left: 0; } ul.product_list_widget .item-data del { color: red; } ul.product_list_widget.cart_list li:last-child { padding-bottom: 19px; margin-bottom: 13px; border-bottom-width: 2px; } .widget_shopping_cart_content .total { font-weight: 700; } .widget_shopping_cart_content .total strong { font-size: 16px; } .widget_shopping_cart_content .total .amount { float: right; font-size: 15px; color: #5a5e6a; } .widget_shopping_cart_content .mini-cart-btn { margin: 0 -10px 5px; } .widget_shopping_cart_content .mini-cart-btn span { float: left; width: 50%; padding: 0 10px; } @media (min-width: 992px) and (max-width: 1024px) { .widget_shopping_cart_content .mini-cart-btn span { width: 100%; } .widget_shopping_cart_content .mini-cart-btn span + span { margin-top: 15px; } } .cms-header-top { background-color: #57badb; } .cms-header-top ul { list-style: none; } .eltu_header_textsize, .eltu_header_icon { display: inline-block; } .eltu_header_textsize a, .eltu_header_icon a { color: white; } .eltu_header_textsize a:hover, .eltu_header_icon a:hover { color: #fa9964; } .eltu_header_icon a { margin: 0px 5px; font-size: 20px; } .eltu_index_heading_row { background-color: #57badb; } .eltu_index_highlights_img { margin: 30px auto 0px; height: 150px; width: 150px; border: 5px solid #fa9964; border-radius: 50%; } .eltu_index_highlights_img img { height: 150px; width: 150px; border-radius: 50%; -webkit-transition: -webkit-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out; } .eltu_index_highlights_img img:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .eltu_index_highlights_text { text-align: center; font-weight: bold; } .eltu_index_highlights_text a { color: black; font-size: 16px; } .eltu_curriculum_btn_full a { width: 250px; } .eltu_curriculum_btn_half a { width: 123px; } .cms-instructor-link { text-align: left; padding-left: 10px; } .cms-course-title a { color: #383c4b; } .cms-course-title a:hover { color: #57badb; } .cms-course-item-inner .cms-course-title { height: 70px; line-height: 22px; } .eltu_course_level_1, .eltu_course_level_2, .eltu_course_level_3 { margin: 0px 0px 20px; padding: 20px 10px; font-size: 22px; color: white; font-weight: bold; } .eltu_course_level_1 { background: #7ed8a3; } .eltu_course_level_2 { background: #f7c478; } .eltu_course_level_3 { background: #fea8b0; } .cms-course-item .cms-course-item-inner .cms-course-media .overlay, .template-cms_grid--portfolio .cms-grid-item .overlay { opacity: 0; top: 0; -webkit-transition: all 0.4s ease-in; -khtml-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition : all 0.4s ease-in; } .cms-course-item .cms-course-item-inner .cms-course-media:hover .overlay, .template-cms_grid--portfolio .cms-grid-item:hover .overlay { opacity: 1; /*events*/ } .category-events h5 { margin-left: 40px; } .category-events h5 span { margin-left: -40px; /*course detail*/ } article.course .boxed { box-shadow: none; /* overrdie main menu second level */ } ul.cms-main-navigation li li a { color: #666 !important; } ul.cms-main-navigation li li a:hover { color: #57badb !important; /* override Course search form */ } @media (min-width: 768px) { .cms-courses-search-wrap .cms-courses-search input[type='search'] { width: 500; } .cms-courses-search-wrap .cms-courses-search .dropdown { width: 275px; } } @media (min-width: 1024px) { .cms-courses-search-wrap .cms-courses-search input[type='search'] { width: 100%; margin-bottom: 20px; } } @media (min-width: 1200px) { /*fix IE11 problem in main menu*/ .cms-courses-search-wrap .cms-courses-search input[type='search'] { width: 400px; } .cms-courses-search-wrap .cms-courses-search .dropdown { width: 275px; } } div.cms-main-navigation > ul ul, ul.cms-main-navigation ul { text-align: left; /*fix breadcrumb arrow position*/ } .cms-page-title .cms-breadcrumb-text ul li::after { top: 8px; /*Director Message*/ /*director image*/ } .director_image { margin-left: 15px; } .signature-image { margin-left: -10px; /*Overide Project first item link*/ /*1409 is ID of Project page*/ } .page-id-1409 #cms-grid .cms-grid-item:first-child a { /*SSCC*/ } .vc_tta-tabs table td { padding: 10px !important; /*Staff Corner*/ } body.page-id-1399 .wpb_text_column p a { font-size: 15px; /* override vc tab panel body */ } .vc_tta-panel-body ul li, .vc_tta-panel-body ol li { line-height: 22px; } .vc_tta-panel-body ul, .vc_tta-panel-body ol { margin-bottom: 15px; } @media (max-width: 480px) { .eltu_project_description { left: 10px !important; right: 10px !important; font-size: 12px !important; line-height: 15px !important; } }