html { font-size: 16px; } body { font-size: 1rem !important; position: relative; background: #fff; color: #333; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; } img { max-width: 100%; height: auto; } iframe, svg { max-width: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-top: 0; } h1 { font-size: 32px; } h2 { font-size: 28px; } @media (max-width: 480px) { h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } input, select, textarea { font-size: 16px; } } .topbar-wrapper, .header-wrapper, .showcase-top-wrapper, .content-wrapper, .showcase-bottom-wrapper, .footer-wrapper { position: relative; } .container, .container-fluid { padding-top: 15px; } .row-single:before, .row-single:after { content: " "; display: table; } .row-single:after { clear: both; } .row > .mod-container { padding-left: 15px; padding-right: 15px; } .above-fold .mod-inner { margin-bottom: 0; } .topbar-wrapper { height: 40px; color: #333; z-index: 40; } .topbar-wrapper.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; } .admin-bar .topbar-wrapper.fixed { top: 32px; } @media (max-width: 782px) { .admin-bar .topbar-wrapper.fixed { top: 46px; } } .topbar-wrapper .container, .topbar-wrapper .container-fluid { padding-top: 0; padding-bottom: 0; } .topbar-wrapper .logo-container { float: left; margin: 0 30px 0 0; height: 40px; line-height: 40px; overflow: hidden; } .topbar-wrapper .logo-container img { max-height: 40px; vertical-align: top; } .topbar-wrapper a.logo:link, .topbar-wrapper a.logo:visited { display: block; font-size: 26px; font-weight: 400; font-style: italic; text-decoration: none; } .topbar { float: left; height: 40px; } .topbar > .mod-container { float: left; margin-right: 15px; margin-bottom: 0; line-height: 40px; padding-left: 0; padding-right: 0; } .topbar > .mod-container > .mod-inner { margin-bottom: 0; } .topbar-right { float: right; height: 40px; } .topbar-right > .mod-container { float: right; margin-left: 15px; margin-bottom: 0; line-height: 40px; padding-left: 0; padding-right: 0; } .topbar-right > .mod-container > .mod-inner { margin-bottom: 0; } .header-wrapper { z-index: 30; } .header-wrapper .logo-container { margin-bottom: 15px; } .header-wrapper a.logo:link, .header-wrapper a.logo:visited { font-size: 38px; font-weight: 400; font-style: italic; text-decoration: none; } @media (max-width: 479px) { .header-wrapper a.logo:link, .header-wrapper a.logo:visited { font-size: 30px; } } .position-0 .mod-inner { float: right; } .position-0.no-logo .mod-inner { float: none; } @media (max-width: 767px) { .position-0 .mod-inner { float: none; } } .content-wrapper { background: #fff; z-index: 20; min-height: 600px; padding-top: 15px; padding-bottom: 15px; overflow: hidden; } .main-content, .sidebar-primary, .sidebar-secondary { position: relative; z-index: 20; } .component-area .content-inner { margin-bottom: 30px; } @media (min-width: 768px) { .content-wrapper .container.content-inner-padding { width: 720px; } } @media (min-width: 992px) { .content-wrapper .container.content-inner-padding { width: 940px; } } @media (min-width: 1200px) { .content-wrapper .container.content-inner-padding { width: 1140px; } .container { width: auto; } } .showcase-top-wrapper, .showcase-bottom-wrapper { position: relative; z-index: 20; } .footer-wrapper { z-index: 10; padding-bottom: 15px; padding-top: 15px; } .copyright-container { margin-bottom: 15px; } .position-15 .mod-inner { float: right; } @media (max-width: 991px) { .position-15 .mod-inner { float: none; } } html.topbar-fixed, html.topbar-fixed body { overflow-x: hidden; } .site-wrapper { position: relative; } .slideout-container { display: none; position: absolute; top: 0; width: 270px; z-index: 35; color: #333; } .slideout-container .container { padding-top: 5px; padding-bottom: 5px; } .offcanvas-right { right: 0; } .offcanvas-right.animate-canvas { -webkit-backface-visibility: hidden; -webkit-transition: right 0.2s ease-out; transition: right 0.2s ease-out; } .offcanvas-left { left: 0; } .offcanvas-left.animate-canvas { -webkit-backface-visibility: hidden; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } .overlay-right .slideout-container, .offcanvas-right .slideout-container { right: -270px; bottom: 0; padding: 10px 10px 0; } .overlay-left .slideout-container, .offcanvas-left .slideout-container { left: -270px; bottom: 0; padding: 10px 10px 0; } .offcanvas-right.active { right: 270px; } .offcanvas-left.active { left: 270px; } .overlay-left.active .slideout-container, .offcanvas-left.active .slideout-container, .overlay-right.active .slideout-container, .offcanvas-right.active .slideout-container { display: block; } .overlay-right .slideout-container { -webkit-backface-visibility: hidden; -webkit-transition: right 0.2s ease-out; transition: right 0.2s ease-out; } .overlay-left .slideout-container { -webkit-backface-visibility: hidden; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } .overlay-right.active .slideout-container { right: 0; } .overlay-left.active .slideout-container { left: 0; } .offcanvas-topbar .slideout-container, .offcanvas-header .slideout-container, .overlay-topbar .slideout-container, .overlay-header .slideout-container { display: none; position: static; width: 100%; } .offcanvas-topbar .slideout-container.tbfixed, .overlay-topbar .slideout-container.tbfixed { position: absolute; left: 0; right: 0; } .overlay-topbar.active .slideout-container, .overlay-header.active .slideout-container, .offcanvas-topbar.active .slideout-container, .offcanvas-header.active .slideout-container { display: block; } .offcanvas-left .slideout-menu-container, .offcanvas-right .slideout-menu-container { margin-bottom: 20px; } .slideout-module { float: none; margin-bottom: 20px; } .slideout-module:before, .slideout-module:after { content: " "; display: table; } .slideout-module:after { clear: both; } .slideout .social-icons-container { float: none !important; margin: 0 0 20px 0 !important; } .toggle-slideout-container { float: right; margin-left: 30px; } .toggle-slideout { float: right; } .toggle-slideout-container .slideout-menu-icon { padding-right: 25px; height: 40px; border: 0 !important; outline: none; background-color: transparent; background: url(img/nav-icon.png) center right no-repeat; } .toggle-slideout-container.toggle-slideout-position-left { float: left; margin-left: 0; margin-right: 30px; } .toggle-slideout-container.toggle-slideout-position-left .slideout-menu-icon { padding-left: 25px; background-position: left; } .mc-sm-fixed, .mc-md-fixed { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 15px; } .ps-sm-fixed, .ps-md-fixed { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (max-width: 768px) { .ps-sm-fixed, .ps-md-fixed { width: 100% !important; margin-left: 0 !important; } } .ca-sm-fixed, .ca-md-fixed { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 15px; } .ss-sm-fixed, .ss-md-fixed { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (max-width: 767px) { .mc-sm-fixed { padding-right: 15px !important; margin-right: 0 !important; } .ps-sm-fixed { width: 100% !important; margin-left: 0 !important; } .ca-sm-fixed { padding-right: 15px !important; margin-right: 0 !important; } .ss-sm-fixed { width: 100% !important; margin-left: 0 !important; } } @media (max-width: 991px) { .mc-md-fixed { padding-right: 15px !important; margin-right: 0 !important; } .ps-md-fixed { width: 100% !important; margin-left: 0 !important; } .ca-md-fixed { padding-right: 15px !important; margin-right: 0 !important; } .ss-md-fixed { width: 100% !important; margin-left: 0 !important; } } .nav-tabs > li > a { white-space: nowrap; } .tab-content .tab-pane { padding-top: 10px; } [class*="bg-dark"], [class*="bg-"] [class*="bg-dark"], [class*="bg-"] [class*="bg-"] [class*="bg-dark"] { color: #eee; } [class*="bg-dark"] .glyphicon, [class*="bg-"] [class*="bg-dark"] .glyphicon, [class*="bg-"] [class*="bg-"] [class*="bg-dark"] .glyphicon, [class*="bg-dark"] .caret, [class*="bg-"] [class*="bg-dark"] .caret, [class*="bg-"] [class*="bg-"] [class*="bg-dark"] .caret { color: #fff; } [class*="bg-dark"] .toggle-slideout-container .slideout-menu-icon, [class*="bg-"] [class*="bg-dark"] .toggle-slideout-container .slideout-menu-icon, [class*="bg-"] [class*="bg-"] [class*="bg-dark"] .toggle-slideout-container .slideout-menu-icon { background-image: url(img/nav-icon-white.png); } [class*="bg-dark"] .menu-vertical .submenu > li > a:hover, [class*="bg-"] [class*="bg-dark"] .menu-vertical .submenu > li > a:hover, [class*="bg-"] [class*="bg-"] [class*="bg-dark"] .menu-vertical .submenu > li > a:hover, [class*="bg-dark"] .menu-vertical .submenu > li > a:focus, [class*="bg-"] [class*="bg-dark"] .menu-vertical .submenu > li > a:focus, [class*="bg-"] [class*="bg-"] [class*="bg-dark"] .menu-vertical .submenu > li > a:focus { color: #fff; } [class*="bg-dark-"], [class*="bg-"] [class*="bg-dark-"], [class*="bg-"] [class*="bg-"] [class*="bg-dark-"] { color: #fff; } .mod-container [class*="bg-dark-"] a:link, [class*="bg-dark"] .slideout-menu-container a:link, [class*="bg-light"] [class*="bg-dark"] .menu-container a:link, [class*="bg-dark"] .menu-container a:link, .mod-container [class*="bg-dark-"] a:visited, [class*="bg-dark"] .slideout-menu-container a:visited, [class*="bg-light"] [class*="bg-dark"] .menu-container a:visited, [class*="bg-dark"] .menu-container a:visited { color: #fff; } [class*="bg-light"], [class*="bg-"] [class*="bg-light"], [class*="bg-"] [class*="bg-"] [class*="bg-light"], [class*="bg-dark"] .bg-white { color: #333; } [class*="bg-light"] .glyphicon, [class*="bg-"] [class*="bg-light"] .glyphicon, [class*="bg-"] [class*="bg-"] [class*="bg-light"] .glyphicon, [class*="bg-dark"] .bg-white .glyphicon, [class*="bg-light"] .caret, [class*="bg-"] [class*="bg-light"] .caret, [class*="bg-"] [class*="bg-"] [class*="bg-light"] .caret, [class*="bg-dark"] .bg-white .caret { color: #333; } [class*="bg-light"] .menu-vertical .submenu > li > a:hover, [class*="bg-"] [class*="bg-light"] .menu-vertical .submenu > li > a:hover, [class*="bg-"] [class*="bg-"] [class*="bg-light"] .menu-vertical .submenu > li > a:hover, [class*="bg-dark"] .bg-white .menu-vertical .submenu > li > a:hover, [class*="bg-light"] .menu-vertical .submenu > li > a:focus, [class*="bg-"] [class*="bg-light"] .menu-vertical .submenu > li > a:focus, [class*="bg-"] [class*="bg-"] [class*="bg-light"] .menu-vertical .submenu > li > a:focus, [class*="bg-dark"] .bg-white .menu-vertical .submenu > li > a:focus { color: #333; } .mod-container [class*="bg-light-"] a:link, [class*="bg-light"] .slideout-menu-container a:link, [class*="bg-white"] .slideout-menu-container a:link, [class*="bg-dark"] [class*="bg-light"] .menu-container a:link, [class*="bg-light"] .menu-container a:link, .mod-container [class*="bg-light-"] a:visited, [class*="bg-light"] .slideout-menu-container a:visited, [class*="bg-white"] .slideout-menu-container a:visited, [class*="bg-dark"] [class*="bg-light"] .menu-container a:visited, [class*="bg-light"] .menu-container a:visited { color: #333; } [class*="bg-light"] a.logo:link, .bg-white a.logo:link, .bg-transparent a.logo:link, [class*="bg-light"] a.logo:visited, .bg-white a.logo:visited, .bg-transparent a.logo:visited { color: #333; } [class*="bg-light"] a.logo:hover, .bg-white a.logo:hover, .bg-transparent a.logo:hover { color: #111; } [class*="bg-dark"] a.logo:link, [class*="bg-dark"] a.logo:visited { color: #fff; } [class*="bg-dark"] a.logo:hover { color: #eee; } .bg-white { background-color: #fff; color: #333; } .bg-light1 { background-color: #dddddd; color: #333; } .bg-light1 > .mod-content .menu-horizontal > li > a:hover, .bg-light1 > .mod-content .menu-vertical > li > a:hover, .bg-light1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light1 > .mod-content .menu-vertical .submenu > .active > a, .bg-light1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #d0d0d0; color: #333; } .bg-light1.bordered { border: 1px solid #cecece; } .bg-light2 { background-color: #f0f0f0; color: #333; } .bg-light2 > .mod-content .menu-horizontal > li > a:hover, .bg-light2 > .mod-content .menu-vertical > li > a:hover, .bg-light2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light2 > .mod-content .menu-vertical .submenu > .active > a, .bg-light2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #e3e3e3; color: #333; } .bg-light2.bordered { border: 1px solid #e1e1e1; } .bg-light3 { background-color: #f5f5f5; color: #333; } .bg-light3 > .mod-content .menu-horizontal > li > a:hover, .bg-light3 > .mod-content .menu-vertical > li > a:hover, .bg-light3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #e8e8e8; color: #333; } .bg-light3.bordered { border: 1px solid #e6e6e6; } .bg-light4 { background-color: #fbfbfb; color: #333; } .bg-light4 > .mod-content .menu-horizontal > li > a:hover, .bg-light4 > .mod-content .menu-vertical > li > a:hover, .bg-light4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #eeeeee; color: #333; } .bg-light4.bordered { border: 1px solid #ececec; } .bg-dark1 { background-color: #151515; } .bg-dark1 > .mod-content .menu-horizontal > li > a:hover, .bg-dark1 > .mod-content .menu-vertical > li > a:hover, .bg-dark1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark1 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #080808; color: #fff; } .bg-dark1.bordered { border: 1px solid #060606; } .bg-dark2 { background-color: #252525; } .bg-dark2 > .mod-content .menu-horizontal > li > a:hover, .bg-dark2 > .mod-content .menu-vertical > li > a:hover, .bg-dark2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark2 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #181818; color: #fff; } .bg-dark2.bordered { border: 1px solid #161616; } .bg-dark3 { background-color: #353535; } .bg-dark3 > .mod-content .menu-horizontal > li > a:hover, .bg-dark3 > .mod-content .menu-vertical > li > a:hover, .bg-dark3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark3 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #282828; color: #fff; } .bg-dark3.bordered { border: 1px solid #262626; } .bg-dark4 { background-color: #454545; } .bg-dark4 > .mod-content .menu-horizontal > li > a:hover, .bg-dark4 > .mod-content .menu-vertical > li > a:hover, .bg-dark4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark4 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #383838; color: #fff; } .bg-dark4.bordered { border: 1px solid #363636; } .bg-dark-red1 { background-color: #d42b1e; } .bg-dark-red1 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-red1 > .mod-content .menu-vertical > li > a:hover, .bg-dark-red1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-red1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-red1 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-red1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-red1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-red1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-red1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-red1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #be261b; color: #fff; } .bg-dark-red1.bordered { border: 1px solid #b9261a; } .bg-dark-red2 { background-color: #f1442b; } .bg-dark-red2 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-red2 > .mod-content .menu-vertical > li > a:hover, .bg-dark-red2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-red2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-red2 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-red2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-red2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-red2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-red2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-red2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ef2f13; color: #fff; } .bg-dark-red2.bordered { border: 1px solid #ee2c10; } .bg-light-red3 { background-color: #ffe1d5; } .bg-light-red3 > .mod-content .menu-horizontal > li > a:hover, .bg-light-red3 > .mod-content .menu-vertical > li > a:hover, .bg-light-red3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-red3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-red3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-red3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-red3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-red3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-red3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-red3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffcfbc; color: #333; } .bg-light-red3.bordered { border: 1px solid #ffcbb6; } .bg-light-red4 { background-color: #fff5f3; } .bg-light-red4 > .mod-content .menu-horizontal > li > a:hover, .bg-light-red4 > .mod-content .menu-vertical > li > a:hover, .bg-light-red4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-red4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-red4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-red4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-red4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-red4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-red4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-red4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffe0da; color: #333; } .bg-light-red4.bordered { border: 1px solid #ffdcd4; } .bg-dark-blue1 { background-color: #0082ca; } .bg-dark-blue1 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-blue1 > .mod-content .menu-vertical > li > a:hover, .bg-dark-blue1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-blue1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-blue1 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-blue1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-blue1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-blue1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-blue1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-blue1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #0072b1; color: #fff; } .bg-dark-blue1.bordered { border: 1px solid #006eab; } .bg-dark-blue2 { background-color: #119ee0; } .bg-dark-blue2 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-blue2 > .mod-content .menu-vertical > li > a:hover, .bg-dark-blue2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-blue2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-blue2 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-blue2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-blue2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-blue2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-blue2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-blue2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #0f8dc8; color: #fff; } .bg-dark-blue2.bordered { border: 1px solid #0f8ac4; } .bg-light-blue3 { background-color: #c3ffff; } .bg-light-blue3 > .mod-content .menu-horizontal > li > a:hover, .bg-light-blue3 > .mod-content .menu-vertical > li > a:hover, .bg-light-blue3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-blue3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-blue3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-blue3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-blue3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-blue3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-blue3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-blue3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #a9ffff; color: #333; } .bg-light-blue3.bordered { border: 1px solid #a4ffff; } .bg-light-blue4 { background-color: #e5ffff; } .bg-light-blue4 > .mod-content .menu-horizontal > li > a:hover, .bg-light-blue4 > .mod-content .menu-vertical > li > a:hover, .bg-light-blue4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-blue4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-blue4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-blue4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-blue4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-blue4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-blue4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-blue4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #cbffff; color: #333; } .bg-light-blue4.bordered { border: 1px solid #c6ffff; } .bg-dark-green1 { background-color: #508759; } .bg-dark-green1 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-green1 > .mod-content .menu-vertical > li > a:hover, .bg-dark-green1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-green1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-green1 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-green1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-green1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-green1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-green1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-green1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #47774e; color: #fff; } .bg-dark-green1.bordered { border: 1px solid #45744c; } .bg-dark-green2 { background-color: #5fb26a; } .bg-dark-green2 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-green2 > .mod-content .menu-vertical > li > a:hover, .bg-dark-green2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-green2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-green2 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-green2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-green2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-green2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-green2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-green2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #50a75c; color: #fff; } .bg-dark-green2.bordered { border: 1px solid #4fa45a; } .bg-light-green3 { background-color: #deffe8; } .bg-light-green3 > .mod-content .menu-horizontal > li > a:hover, .bg-light-green3 > .mod-content .menu-vertical > li > a:hover, .bg-light-green3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-green3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-green3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-green3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-green3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-green3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-green3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-green3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #c4ffd6; color: #333; } .bg-light-green3.bordered { border: 1px solid #bfffd3; } .bg-light-green4 { background-color: #effaf0; } .bg-light-green4 > .mod-content .menu-horizontal > li > a:hover, .bg-light-green4 > .mod-content .menu-vertical > li > a:hover, .bg-light-green4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-green4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-green4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-green4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-green4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-green4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-green4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-green4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #dcf4de; color: #333; } .bg-light-green4.bordered { border: 1px solid #d8f3da; } .bg-dark-brown1 { background-color: #645740; } .bg-dark-brown1 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-brown1 > .mod-content .menu-vertical > li > a:hover, .bg-dark-brown1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-brown1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-brown1 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-brown1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-brown1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-brown1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-brown1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-brown1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #544936; color: #fff; } .bg-dark-brown1.bordered { border: 1px solid #514734; } .bg-dark-brown2 { background-color: #7e715a; } .bg-dark-brown2 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-brown2 > .mod-content .menu-vertical > li > a:hover, .bg-dark-brown2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-brown2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-brown2 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-brown2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-brown2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-brown2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-brown2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-brown2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #6f644f; color: #fff; } .bg-dark-brown2.bordered { border: 1px solid #6c614d; } .bg-light-brown3 { background-color: #f3f0eb; } .bg-light-brown3 > .mod-content .menu-horizontal > li > a:hover, .bg-light-brown3 > .mod-content .menu-vertical > li > a:hover, .bg-light-brown3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-brown3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-brown3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-brown3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-brown3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-brown3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-brown3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-brown3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #e9e4db; color: #333; } .bg-light-brown3.bordered { border: 1px solid #e8e2d8; } .bg-light-brown4 { background-color: #f9f8f4; } .bg-light-brown4 > .mod-content .menu-horizontal > li > a:hover, .bg-light-brown4 > .mod-content .menu-vertical > li > a:hover, .bg-light-brown4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-brown4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-brown4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-brown4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-brown4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-brown4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-brown4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-brown4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #f0eee3; color: #333; } .bg-light-brown4.bordered { border: 1px solid #eeebe0; } .bg-dark-orange1 { background-color: #e1501f; } .bg-dark-orange1 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-orange1 > .mod-content .menu-vertical > li > a:hover, .bg-dark-orange1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-orange1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-orange1 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-orange1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-orange1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-orange1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-orange1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-orange1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #cb481b; color: #fff; } .bg-dark-orange1.bordered { border: 1px solid #c7461b; } .bg-dark-orange2 { background-color: #fa6938; } .bg-dark-orange2 > .mod-content .menu-horizontal > li > a:hover, .bg-dark-orange2 > .mod-content .menu-vertical > li > a:hover, .bg-dark-orange2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-dark-orange2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-dark-orange2 > .mod-content .menu-vertical .submenu > .active > a, .bg-dark-orange2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-dark-orange2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-dark-orange2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-dark-orange2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-dark-orange2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #f9561f; color: #fff; } .bg-dark-orange2.bordered { border: 1px solid #f9521a; } .bg-light-orange3 { background-color: #ffe8b7; } .bg-light-orange3 > .mod-content .menu-horizontal > li > a:hover, .bg-light-orange3 > .mod-content .menu-vertical > li > a:hover, .bg-light-orange3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-orange3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-orange3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-orange3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-orange3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-orange3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-orange3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-orange3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffe09e; color: #333; } .bg-light-orange3.bordered { border: 1px solid #ffde98; } .bg-light-orange4 { background-color: #fff2e1; } .bg-light-orange4 > .mod-content .menu-horizontal > li > a:hover, .bg-light-orange4 > .mod-content .menu-vertical > li > a:hover, .bg-light-orange4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-orange4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-orange4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-orange4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-orange4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-orange4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-orange4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-orange4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffe7c7; color: #333; } .bg-light-orange4.bordered { border: 1px solid #ffe5c2; } .bg-light-yellow1 { background-color: #f4d503; } .bg-light-yellow1 > .mod-content .menu-horizontal > li > a:hover, .bg-light-yellow1 > .mod-content .menu-vertical > li > a:hover, .bg-light-yellow1 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-yellow1 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-yellow1 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-yellow1 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-yellow1 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-yellow1 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-yellow1 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-yellow1 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #dbbf03; color: #333; } .bg-light-yellow1.bordered { border: 1px solid #d6bb03; } .bg-light-yellow2 { background-color: #ffef1d; } .bg-light-yellow2 > .mod-content .menu-horizontal > li > a:hover, .bg-light-yellow2 > .mod-content .menu-vertical > li > a:hover, .bg-light-yellow2 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-yellow2 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-yellow2 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-yellow2 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-yellow2 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-yellow2 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-yellow2 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-yellow2 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffed03; color: #333; } .bg-light-yellow2.bordered { border: 1px solid #fdeb00; } .bg-light-yellow3 { background-color: #ffffcf; } .bg-light-yellow3 > .mod-content .menu-horizontal > li > a:hover, .bg-light-yellow3 > .mod-content .menu-vertical > li > a:hover, .bg-light-yellow3 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-yellow3 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-yellow3 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-yellow3 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-yellow3 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-yellow3 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-yellow3 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-yellow3 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffffb5; color: #333; } .bg-light-yellow3.bordered { border: 1px solid #ffffb0; } .bg-light-yellow4 { background-color: #ffffe8; } .bg-light-yellow4 > .mod-content .menu-horizontal > li > a:hover, .bg-light-yellow4 > .mod-content .menu-vertical > li > a:hover, .bg-light-yellow4 > .mod-content .menu-vertical .submenu > li > a:hover, .bg-light-yellow4 > .mod-content .menu-vertical .submenu > li > a:focus, .bg-light-yellow4 > .mod-content .menu-vertical .submenu > .active > a, .bg-light-yellow4 .slideout-menu-container .menu-horizontal > li > a:hover, .bg-light-yellow4 .slideout-menu-container .menu-vertical > li > a:hover, .bg-light-yellow4 .slideout-menu-container .menu-vertical .submenu > li > a:hover, .bg-light-yellow4 .slideout-menu-container .menu-vertical .submenu > li > a:focus, .bg-light-yellow4 .slideout-menu-container .menu-vertical .submenu > .active > a { background-color: #ffffce; color: #333; } .bg-light-yellow4.bordered { border: 1px solid #ffffc9; } a.btn.btn-primary { color: #fff; } .rounded-xs { border-radius: 3px; } .rounded-sm { border-radius: 6px; } .rounded-md { border-radius: 9px; } .rounded-lg { border-radius: 12px; } .margin-5 { margin: 5px; } .margin-10 { margin: 10px; } .margin-15 { margin: 15px; } .margin-20 { margin: 20px; } .padding-5 { padding: 5px; } .padding-10 { padding: 10px; } .padding-15 { padding: 15px; } .padding-20 { padding: 20px; } [class^="icon-"] { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #555; } .icon-previous:before, .icon-left:before, .icon-arrow-left:before { content: "\e091"; } .icon-right:before, .icon-next:before, .icon-arrow-right:before { content: "\e092"; } .icon-arrow-up:before, .icon-upload:before, .icon-top:before { content: "\e093"; } .icon-download:before, .icon-down:before, .icon-arrow-down:before { content: "\e094"; } .icon-calendar:before { content: "\e109"; } .icon-remove:before, .icon-quit:before, .icon-close:before, .icon-cancel:before { content: "\e014"; } .icon-chevron-left:before { content: "\e079"; } .icon-chevron-right:before { content: "\e080"; } .icon-cog:before { content: "\e019"; } .icon-comments:before { content: "\e111"; } .icon-edit:before { content: "\e065"; } .icon-envelope:before { content: "\2709"; } .icon-eye:before { content: "\e106"; } .icon-eye-open:before { content: "\e105"; } .icon-help:before { content: "\e085"; } .icon-info:before { content: "\e086"; } .icon-location:before { content: "\e062"; } .icon-reload:before, .icon-arrows:before, .icon-update:before, .icon-upgrade:before, .icon-refresh:before { content: "\e031"; } .icon-lock:before { content: "\e033"; } .icon-menu:before, .icon-menu-2:before, .icon-list:before { content: "\e056"; } .icon-not-ok:before, .icon-minus:before, .icon-minus-2:before { content: "\2212"; } .icon-apply:before, .icon-tick:before, .icon-correct:before, .icon-accept:before, .icon-ok:before { content: "\e013"; } .icon-plus:before, .icon-plus-2:before { content: "\2b"; } .icon-print:before { content: "\e045"; } .icon-search:before { content: "\e003"; } .icon-star:before { content: "\e006"; } .icon-star-empty:before { content: "\e007"; } .icon-user:before { content: "\e008"; } .icon-warning:before { content: "\e107"; } .icon-pencil:before, .icon-pencil-2:before { content: "\270f"; } .icon-delete:before { content: "\e082"; } .icon-zoom:before, .icon-zoom-in:before { content: "\e015"; } .icon-zoom-out:before { content: "\e016"; } .icon-wrench:before { content: "\e136"; } .icon-folder:before, .icon-folder-2:before { content: "\e117"; } .icon-file:before { content: "\e022"; } .icon-home:before { content: "\e021"; } .icon-trash:before { content: "\e020"; } .btn-primary [class^="icon-"], .icon-white { color: #fff; } .social-icons-container { float: right; height: 40px; margin: 0 0 0 30px; } .social-icons-container.sm-topbar-left { float: left; margin: 0 30px 0 0; } .social-icons-container.sm-footer-right { float: right; margin: 0 0 15px 30px; } .social-icons-container.sm-footer-left { float: left; margin: 0 15px 15px 0; } .social-icons-container a { float: left; width: 28px; height: 28px; margin: 5px 0 0 5px; overflow: hidden; white-space: nowrap; text-indent: 150%; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .social-icons-container.sm-topbar-left a, .social-icons-container.sm-footer-left a { margin: 5px 5px 0 0; } .social-icons-container .twitter-link { background: url(../images/twitter.png)centercenterno-repeat#555; } .social-icons-container .facebook-link { background: url(../images/facebook.png)centercenterno-repeat#555; } .social-icons-container .gplus-link { background: url(../images/gplus.png)centercenterno-repeat#555; } .social-icons-container .youtube-link { background: url(../images/youtube.png)centercenterno-repeat#555; } .social-icons-container .linkedin-link { background: url(../images/linkedin.png)centercenterno-repeat#555; } .social-icons-container .pinterest-link { background: url(../images/pinterest.png)centercenterno-repeat#555; } .social-icons-container .instagram-link { background: url(../images/instagram.png)centercenterno-repeat#555; } .social-icons-container .github-link { background: url(../images/github.png)centercenterno-repeat#555; } .social-icons-container .reddit-link { background: url(../images/reddit.svg)centercenterno-repeat#555; } .social-icons-container .rss-link { background: url(../images/rss.png)centercenterno-repeat#555; } .social-icons-container .twitter-link:hover { background-color: #69C7DC; } .social-icons-container .facebook-link:hover { background-color: #215A93; } .social-icons-container .gplus-link:hover { background-color: #C04127; } .social-icons-container .youtube-link:hover { background-color: #cc181e; } .social-icons-container .linkedin-link:hover { background-color: #069; } .social-icons-container .pinterest-link:hover { background-color: #cb2027; } .social-icons-container .instagram-link:hover { background-color: #3f729b; } .social-icons-container .github-link:hover { background-color: #292f35; } .social-icons-container .reddit-link:hover { background-color: #ff4500; } .social-icons-container .rss-link:hover { background-color: #FF8400; } .scroll-to-top { display: none; position: fixed; z-index: 9000; right: 10px; bottom: 10px; font-size: 20px; background: #555; background: rgba(0, 0, 0, 0.5); } .scroll-to-top a { display: block; color: #fff; padding: 10px 14px; } .scroll-to-top:hover { background: #444; background: rgba(0, 0, 0, 0.6); } .scroll-to-top i { color: #fff !important; } .animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .cc_message { text-align: center; } .cc_container .cc_logo { display: none !important; } .mod-inner { margin-bottom: 15px; } .position-12 .mod-inner, .position-5 .mod-inner, .position-5b .mod-inner, .position-6 .mod-inner, .position-6b .mod-inner, .position-7 .mod-inner, .position-7b .mod-inner { margin-bottom: 30px; } .mod-container .mod-title { font-weight: 300; margin: 0 0 10px 0; } .mod-container [class*="bg-"] .mod-title { padding: 10px 0 0 10px; } .mod-container .mod-title[class*="bg-"] { padding: 10px 0 10px 10px; } .mod-container [class*="bg-"] .mod-content { padding: 10px; } .mod-container [class*="bg-"] .mod-content .menu-container { margin: -10px; } .mod-container .mod-title.titlebar, .mod-container .mod-title.titlebar-outside { font-weight: 300; padding: 8px; font-size: 18px; } .mod-container .mod-title.titlebar:not([class*="bg-"]), .mod-container .mod-title.titlebar-outside:not([class*="bg-"]) { background: #555555; color: #fff; } .mod-container [class*="bg-"] .mod-title.titlebar { margin: 0 0 5px 0; } .mod-container .mod-title.titlebar-outside { position: relative; margin: 0 0 10px 0; top: 5px; left: -5px; } .topbar-wrapper .mod-title { display: none; } .mod-container .mod-content:empty { display: none !important; } .menu-horizontal .submenu.menu-module { padding: 15px 15px 0 15px; min-width: 200px; line-height: 1.428571429; color: #333 !important; } .menu-horizontal .submenu.menu-module a:link, .menu-horizontal .submenu.menu-module a:visited { color: #333; background: none; } .menu-horizontal .submenu.menu-module a:hover { text-decoration: underline; } .menu-horizontal .submenu.menu-module.mod-count-2 { min-width: 415px; } .menu-horizontal .submenu.menu-module.mod-count-3 { min-width: 630px; } .menu-horizontal .submenu.menu-module a img { width: auto; height: auto; max-width: none; margin: 0; } .menu-module .mod-title { display: block; } .menu-module .mod-content { padding: 0 !important; } .menu-module [class*="bg-"] .mod-content { padding: 10px !important; } .slideout-menu-container .submenu.menu-module { display: block; height: auto; margin: 5px 5px 0 0; } .slideout-menu-container .submenu.menu-module ul { padding: 0; } .menu-horizontal { float: left; width: 100%; margin: 0; padding: 0; list-style: none; text-align: left; } .menu-horizontal > li { float: left; } .menu-horizontal > li > a { float: left; display: block; padding-right: 15px; } .menu-horizontal > li a img { width: 16px; height: 16px; max-width: 16px; margin: 0 5px 3px 0; } .menu-horizontal > li .separator { cursor: default; outline: none; } .menu-horizontal > li .separator.dropdown-toggle { cursor: pointer; } .menu-horizontal > li:last-child > a { padding-right: 0; } .mod-container [class*="bg-"] .menu-horizontal > li > a { text-decoration: none; padding: 8px 15px; } .mod-container .rounded-xs[class*="bg-"] .menu-horizontal > li > a { border-radius: 3px; } .mod-container .rounded-sm[class*="bg-"] .menu-horizontal > li > a { border-radius: 6px; } .mod-container .rounded-md[class*="bg-"] .menu-horizontal > li > a { border-radius: 9px; } .mod-container .rounded-lg[class*="bg-"] .menu-horizontal > li > a { border-radius: 12px; } .topbar .mod-container [class*="bg-"] .menu-horizontal > li > a, .topbar-right .mod-container [class*="bg-"] .menu-horizontal > li > a { padding: 0 10px; } .menu-horizontal .submenu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 0; overflow: visible; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .menu-horizontal .submenu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; white-space: nowrap; } .topbar-right .menu-horizontal .submenu { left: auto; right: 0; margin-right: -1px; } .menu-horizontal.dropdown-hover .dropdown:hover > .submenu { display: block; visibility: visible; height: auto; } .menu-horizontal .submenu { height: auto !important; } .menu-horizontal .open > .submenu { display: block; visibility: visible; } .menu-horizontal .submenu li > a { font-size: 0.9em; font-weight: inherit; color: #444 !important; } .menu-horizontal .submenu li.active > a, .menu-horizontal .submenu li > a:hover, .menu-horizontal .submenu li > a:focus { color: #333; background: #eee; text-decoration: none; } .menu-horizontal .dropdown-trigger { display: none; } .menu-horizontal .dropdown-submenu { position: relative; } .menu-horizontal .dropdown-submenu > .submenu { top: 0; left: 100%; margin-top: -5px; margin-left: -1px; border-radius: 4px; } .menu-horizontal .dropdown-submenu:hover > .submenu { display: block; visibility: visible; height: auto; } .menu-horizontal .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .menu-vertical { float: none; margin: 0; padding: 0; list-style: none; text-align: left; } .menu-vertical li { float: none; } .menu-vertical li a { float: none; display: block; padding: 0 0 8px 0; } .menu-vertical > li .separator { cursor: default; outline: none; } .menu-vertical > li a img { width: 16px; height: 16px; max-width: 16px; margin: 0 5px 3px 0; } .menu-vertical li ul { margin: 0; padding: 0 0 0 10px; list-style: none; } .mod-container .rounded-xs[class*="bg-"] .menu-vertical > li a { border-radius: 3px; } .mod-container .rounded-sm[class*="bg-"] .menu-vertical > li a { border-radius: 6px; } .mod-container .rounded-md[class*="bg-"] .menu-vertical > li a { border-radius: 9px; } .mod-container .rounded-lg[class*="bg-"] .menu-vertical > li a { border-radius: 12px; } .mod-container [class*="bg-"] .menu-vertical > li a, .slideout-menu-container .menu-vertical > li a { text-decoration: none; padding: 8px 10px; } .dropdown-trigger { display: none; } .mod-container [class*="bg-"] .menu-vertical .dropdown-trigger, .slideout-menu-container .menu-vertical .dropdown-trigger { display: inline; position: absolute; top: 0; right: 0; padding: 8px 10px; cursor: pointer; outline: none; border: 0; background: transparent; } .menu-vertical .submenu { display: block; overflow: hidden; height: 0; font-size: inherit; position: static; float: none; padding: 0 0 0 10px; border: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; } .menu-vertical .active > .submenu, .menu-vertical .active > .dropdown-submenu, .menu-vertical .submenu.collapse.in, .menu-vertical .dropdown-submenu.collapse.in { height: auto; } .menu-vertical .submenu li { position: relative; } body.admin-bar { position: static; } .search-form { max-width: 260px; line-height: 0; } .post { margin-bottom: 50px; font-size: 14px; line-height: 1.6; } .post .entry-header { margin-bottom: 20px; } .post .entry-meta { color: #777; margin-bottom: 10px; } .post .entry-featured { margin-bottom: 30px; } .comments-area { margin: 30px 0; } .comment, .comment .comment-body { margin-bottom: 15px; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 1.75em; } .comments-title, .comment-reply-title { font-size: 20px; font-weight: 700; line-height: 1.5125; } .comments-title { margin-bottom: 20px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid #d1d1d1; padding: 1.75em 0; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding-left: 0.875em; } .comment-author { color: #1a1a1a; margin-bottom: 10px; } .comment-author .avatar { float: left; height: 28px; margin-right: 0.875em; position: relative; width: 28px; } .comment-meta { margin-bottom: 10px; } .bypostauthor > article .fn:after { content: "\f304"; left: 3px; position: relative; top: 5px; } .comment-metadata, .pingback .edit-link { color: #686868; font-size: 13px; line-height: 1.6153846154; } .comment-metadata { margin-bottom: 2.1538461538em; } .comment-metadata a, .pingback .comment-edit-link { color: #686868; } .comment-metadata a:hover, .comment-metadata a:focus, .pingback .comment-edit-link:hover, .pingback .comment-edit-link:focus { color: #007acc; } .comment-metadata .edit-link, .pingback .edit-link { display: inline-block; } .comment-metadata .edit-link:before, .pingback .edit-link:before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .comment-content ul, .comment-content ol { margin: 0 0 1.5em 1.25em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-reply-link { border: 1px solid #d1d1d1; border-radius: 2px; color: #007acc; display: inline-block; font-size: 13px; line-height: 1; margin: 10px 0; padding: 0.5384615385em 0.5384615385em 0.4615384615em; } .comment-reply-link:hover, .comment-reply-link:focus { border-color: currentColor; color: #007acc; outline: 0; } .comment-form { padding-top: 1.75em; } .comment-form label { color: #686868; display: block; font-size: 13px; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 0.5384615385em; text-transform: uppercase; } .comment-list .comment-form { padding-bottom: 1.75em; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { color: #686868; font-size: 13px; line-height: 1.6153846154; margin-bottom: 2.1538461538em; } .no-comments { border-top: 1px solid #d1d1d1; font-weight: 700; margin: 0; padding-top: 1.75em; } .comment-navigation + .no-comments { border-top: 0; padding-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { margin-bottom: 0; } .required { color: #007acc; font-family: Merriweather, Georgia, serif; } .comment-reply-title small { font-size: 100%; } .comment-reply-title small a { border: 0; float: right; height: 32px; overflow: hidden; width: 26px; } .comment-reply-title small a:hover, .comment-reply-title small a:focus { color: #1a1a1a; } .comment-reply-title small a:before { content: "\f405"; font-size: 32px; position: relative; top: -5px; }