/* GANTRY5 DEVELOPMENT MODE ENABLED. * * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost! * * For more information on modifying CSS, please read: * * http://docs.gantry.org/gantry5/configure/styles * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet */ .g-main-nav .g-standard .g-dropdown { width: 180px; } .g-content { margin: 0.625rem; padding: 0.938rem; } .g-flushed .g-content { margin: 0; padding: 0; } body { font-size: 1rem; line-height: 1.5; } h1 { font-size: 2.25rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.15rem; } h5 { font-size: 1rem; } h6 { font-size: 0.85rem; } small { font-size: 0.875rem; } cite { font-size: 0.875rem; } sub, sup { font-size: 0.75rem; } code, kbd, pre, samp { font-size: 1rem; font-family: "Menlo", "Monaco", monospace; } textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) { border-radius: 0.1875rem; } body { color: #666666; background: rgba(255, 255, 255, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #g-page-surround { background: rgba(255, 255, 255, 0); } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } a { color: rgba(67, 154, 134, 0); } a:hover { color: #4d4d4d; } h1, h2, h3, h4, h5, h6, strong { color: #4d4d4d; } .button { display: inline-block; padding: 0.5rem 1rem; border-radius: 0.1875rem; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); background: rgba(67, 154, 134, 0); color: #ffffff; border: 0; line-height: 1.5; font-size: 1rem; vertical-align: middle; text-shadow: none; transition: background 0.1s; } .button:hover { background: rgba(75, 172, 149, 0); color: #ffffff; } .button:active, .button:focus { background: rgba(59, 136, 119, 0); box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15); color: #ffffff; outline: 0; } .button:disabled { opacity: 0.25; cursor: not-allowed; } .button:disabled:hover { background: rgba(67, 154, 134, 0); } .gantry-logo { display: inline-block; } @media only all and (max-width: 51.99rem) { .gantry-logo { display: block; text-align: center; } } .gantry-logo img { width: 150px; } .logo-large { display: inline-block; } @font-face { font-family: "roboto"; font-style: normal; font-weight: 400; src: url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff2') format("woff2"), url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format("woff"), url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format("truetype"), url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#roboto') format("svg"); } @font-face { font-family: "roboto"; font-style: normal; font-weight: 500; src: url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff2') format("woff2"), url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff') format("woff"), url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format("truetype"), url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#roboto') format("svg"); } @font-face { font-family: "roboto"; font-style: normal; font-weight: 700; src: url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff2') format("woff2"), url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff') format("woff"), url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format("truetype"), url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#roboto') format("svg"); } body { font-family: "roboto", sans-serif; font-weight: 400; } h1, h2, h3, h4, h5 { font-family: "roboto", sans-serif; font-weight: 500; } bold, strong { font-weight: 700; } .button { font-weight: 500; } blockquote { border-left: 10px solid #F0F2F4; } blockquote p { font-size: 1.1rem; color: #999; } blockquote cite { display: block; text-align: right; color: #666666; font-size: 1.2rem; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #dddddd; border-radius: 0.1875rem; line-height: 1.15; font-size: 0.9rem; } pre code { color: #237794; background: inherit; font-size: 0.9rem; } hr { border-bottom: 4px solid #F0F2F4; } #g-navigation { background: rgba(67, 154, 134, 0); color: #ffffff; text-align: center; position: relative; z-index: 2; } #g-navigation .g-container { position: relative; } #g-navigation a { color: rgba(196, 229, 222, 0); } #g-navigation a:hover { color: #ffffff; } #g-navigation .g-social a { background: rgba(58, 133, 115, 0); border: none; text-decoration: none; color: #ffffff; transition: background 0.2s; } #g-navigation .g-social a:hover { background: rgba(76, 175, 153, 0); } #g-navigation .g-main-nav { margin: -1.563rem; } #g-navigation .g-main-nav h1, #g-navigation .g-main-nav h2, #g-navigation .g-main-nav h3, #g-navigation .g-main-nav h4, #g-navigation .g-main-nav h5, #g-navigation .g-main-nav h6, #g-navigation .g-main-nav strong { color: #ffffff; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #ffffff; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: rgba(58, 133, 115, 0); } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #ffffff; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #666666; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected { background: rgba(58, 133, 115, 0); } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container { color: #ffffff; } #g-navigation .g-main-nav .g-dropdown { background: rgba(58, 133, 115, 0); } #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #ffffff; } #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: rgba(52, 118, 103, 0); } #g-navigation .g-main-nav .g-toplevel { display: flex; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid rgba(76, 175, 153, 0); background: rgba(61, 140, 122, 0); border-radius: 0.1875rem; margin: -0.2rem 0 -0.2rem 0.5rem; padding: 0.2rem; } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: rgba(55, 126, 109, 0); } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } #g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { color: #ffffff; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid rgba(76, 175, 153, 0); background: rgba(61, 140, 122, 0); border-radius: 0.1875rem; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: rgba(55, 126, 109, 0); } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } #g-navigation .search input { color: #666666; } .g-main-nav .g-toplevel { font-weight: 500; } .g-main-nav .g-toplevel > li > .g-menu-item-container { text-decoration: none; padding: 1.2rem 0.938rem; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: normal; } .g-main-nav .g-toplevel i { opacity: 0.6; } .g-main-nav .g-dropdown { text-align: left; } .dir-rtl .g-main-nav .g-dropdown { text-align: right; } .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.7815rem 1rem; } #g-navigation .align-left .g-toplevel, #g-header .align-left .g-toplevel { justify-content: flex-start; -webkit-justify-content: flex-start; } #g-navigation .align-right .g-toplevel, #g-header .align-right .g-toplevel { justify-content: flex-end; -webkit-justify-content: flex-end; } .g-menu-item-subtitle { opacity: 0.7; } .g-nav-overlay, .g-menu-overlay { background: rgba(0, 0, 0, 0.4); } @media print { #g-navigation { background: #fff !important; color: #000 !important; } } #g-offcanvas { background: #102744; width: 17rem; color: #ffffff; } #g-offcanvas a { color: #75a3de; } #g-offcanvas a:hover { color: #ffffff; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #ffffff; } #g-offcanvas .button { background: rgba(143, 77, 174, 0); color: #ffffff; } #g-offcanvas .button:hover { background: rgba(155, 93, 183, 0); } #g-offcanvas .button:active { background: rgba(128, 69, 156, 0); } .g-offcanvas-toggle { font-size: 1.5rem; color: #ffffff; display: none; } @media only all and (max-width: 52rem) { .g-offcanvas-toggle { display: block; } } #g-offcanvas #g-mobilemenu-container ul { background: #102744; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: rgba(61, 140, 122, 0); } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid rgba(76, 175, 153, 0); background: rgba(61, 140, 122, 0); border-radius: 0.1875rem; margin: -0.2rem 0 -0.2rem 0.5rem; padding: 0.2rem; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: rgba(55, 126, 109, 0); } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 17rem; } #g-mobilemenu-container { margin: -1.563rem; } @media print { #g-offcanvas { background: #fff !important; color: #000 !important; } } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 17rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 17rem; } #g-header { background: rgba(42, 129, 109, 0); color: #ffffff; position: relative; z-index: 3; } #g-header a { color: rgba(153, 222, 206, 0); } #g-header a:hover { color: #ffffff; } #g-header .g-main-nav h1, #g-header .g-main-nav h2, #g-header .g-main-nav h3, #g-header .g-main-nav h4, #g-header .g-main-nav h5, #g-header .g-main-nav h6, #g-header .g-main-nav strong { color: #ffffff; } #g-header .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #ffffff; } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: rgba(34, 106, 89, 0); } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #ffffff; } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #666666; } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected { background: rgba(34, 106, 89, 0); } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container { color: #ffffff; } #g-header .g-main-nav .g-dropdown { background: rgba(34, 106, 89, 0); } #g-header .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #ffffff; } #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: rgba(29, 91, 76, 0); } #g-header .g-main-nav .g-toplevel { display: flex; flex-flow: row wrap; } #g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid rgba(50, 152, 129, 0); background: rgba(37, 114, 96, 0); border-radius: 0.1875rem; margin: -0.2rem 0 -0.2rem 0.5rem; padding: 0.2rem; } #g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: rgba(32, 98, 83, 0); } #g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } #g-header .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { color: #ffffff; } #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid rgba(50, 152, 129, 0); background: rgba(37, 114, 96, 0); border-radius: 0.1875rem; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: rgba(32, 98, 83, 0); } #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } #g-header .search input { color: #666666; } @media print { #g-header { background: #fff !important; color: #000 !important; } } #g-showcase { padding: 1.5rem 0; background-color: rgba(53, 77, 89, 0.05); color: #ffffff; } #g-showcase a { color: rgba(184, 203, 213, 0.05); } #g-showcase a:hover { color: #ffffff; } #g-showcase h1, #g-showcase h2, #g-showcase h3, #g-showcase h4, #g-showcase h5, #g-showcase h6, #g-showcase strong { color: #ffffff; } #g-showcase .button { background: rgba(143, 77, 174, 0); color: #ffffff; } #g-showcase .button:hover { background: rgba(155, 93, 183, 0); } #g-showcase .button:active { background: rgba(128, 69, 156, 0); } #g-showcase .g-social a { background: rgba(42, 60, 70, 0.05); border: none; color: #ffffff; transition: background 0.2s; } #g-showcase .g-social a:hover { background: rgba(64, 94, 108, 0.05); } @media print { #g-showcase { background: #fff !important; color: #000 !important; } } #g-feature { padding: 1.5rem 0; background: #ffffff; color: #666666; } @media print { #g-feature { background: #fff !important; color: #000 !important; } } #g-subfeature { padding: 1.5rem 0; background: #f0f0f0; color: #666666; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media print { #g-subfeature { background: #fff !important; color: #000 !important; } } #g-page-surround { box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); } #g-main { padding: 1.5rem 0; background: #ffffff; color: #666666; } @media print { #g-main { background: #fff !important; color: #000 !important; } } #g-sidebar, #g-aside { padding: 1.5rem 0; color: #666666; } @media print { #g-sidebar { background: #fff !important; color: #000 !important; } } #g-footer { background: #ffffff; color: #666666; border-top: 1px solid rgba(0, 0, 0, 0.05); } @media only all and (max-width: 51.99rem) { #g-footer { text-align: center; } } @media print { #g-footer { background: #fff !important; color: #000 !important; } } .flush .g-container > .g-grid > .g-block > .g-content { margin: 0; padding: 0; } .moduletable[class*="box"], .moduletable[class*="shadow"], .widget[class*="box"], .widget[class*="shadow"] { padding: 0.938rem; margin: 0.625rem; } .box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content { background: #ffffff; } .box1.moduletable, .box1.moduletable h1, .box1.moduletable h2, .box1.moduletable h3, .box1.moduletable h4, .box1.moduletable h5, .box1.moduletable h6, .box1.moduletable strong, .box1.moduletable i, .box1.widget, .box1.widget h1, .box1.widget h2, .box1.widget h3, .box1.widget h4, .box1.widget h5, .box1.widget h6, .box1.widget strong, .box1.widget i, .box1 > .g-content, .box1 > .g-content h1, .box1 > .g-content h2, .box1 > .g-content h3, .box1 > .g-content h4, .box1 > .g-content h5, .box1 > .g-content h6, .box1 > .g-content strong, .box1 > .g-content i { color: #595959; } .box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content { background: #e0e0e0; } .box2.moduletable, .box2.moduletable h1, .box2.moduletable h2, .box2.moduletable h3, .box2.moduletable h4, .box2.moduletable h5, .box2.moduletable h6, .box2.moduletable strong, .box2.moduletable i, .box2.widget, .box2.widget h1, .box2.widget h2, .box2.widget h3, .box2.widget h4, .box2.widget h5, .box2.widget h6, .box2.widget strong, .box2.widget i, .box2 > .g-content, .box2 > .g-content h1, .box2 > .g-content h2, .box2 > .g-content h3, .box2 > .g-content h4, .box2 > .g-content h5, .box2 > .g-content h6, .box2 > .g-content strong, .box2 > .g-content i { color: #6d6d6d; } .box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content { background: rgba(67, 154, 134, 0); } .box3.moduletable, .box3.moduletable h1, .box3.moduletable h2, .box3.moduletable h3, .box3.moduletable h4, .box3.moduletable h5, .box3.moduletable h6, .box3.moduletable strong, .box3.moduletable i, .box3.widget, .box3.widget h1, .box3.widget h2, .box3.widget h3, .box3.widget h4, .box3.widget h5, .box3.widget h6, .box3.widget strong, .box3.widget i, .box3 > .g-content, .box3 > .g-content h1, .box3 > .g-content h2, .box3 > .g-content h3, .box3 > .g-content h4, .box3 > .g-content h5, .box3 > .g-content h6, .box3 > .g-content strong, .box3 > .g-content i { color: #ffffff; } .box3.moduletable a, .box3.widget a, .box3 > .g-content a { color: rgba(178, 222, 212, 0); } .box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover { color: #ffffff; } .box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button { color: rgba(255, 255, 255, 0); background: rgba(89, 183, 161, 0); } .box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover { background: rgba(107, 191, 171, 0); } .box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content { background: rgba(143, 77, 174, 0); } .box4.moduletable, .box4.moduletable h1, .box4.moduletable h2, .box4.moduletable h3, .box4.moduletable h4, .box4.moduletable h5, .box4.moduletable h6, .box4.moduletable strong, .box4.moduletable i, .box4.widget, .box4.widget h1, .box4.widget h2, .box4.widget h3, .box4.widget h4, .box4.widget h5, .box4.widget h6, .box4.widget strong, .box4.widget i, .box4 > .g-content, .box4 > .g-content h1, .box4 > .g-content h2, .box4 > .g-content h3, .box4 > .g-content h4, .box4 > .g-content h5, .box4 > .g-content h6, .box4 > .g-content strong, .box4 > .g-content i { color: #ffffff; } .box4.moduletable a, .box4.widget a, .box4 > .g-content a { color: rgba(220, 199, 230, 0); } .box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover { color: #ffffff; } .box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button { color: rgba(242, 235, 246, 0); background: rgba(176, 128, 199, 0); } .box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover { background: rgba(166, 111, 191, 0); } .shadow.moduletable, .shadow.widget, .shadow.g-outer-box, .shadow > .g-content { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .shadow2.moduletable, .shadow2.widget, .shadow2.g-outer-box, .shadow2 > .g-content { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .disabled.moduletable, .disabled.widget, .disabled.g-outer-box, .disabled > .g-content { opacity: 0.4; } .square.moduletable, .square.widget, .square.g-outer-box, .square > .g-content { border-radius: none; } .rounded.moduletable, .rounded.widget, .rounded.g-outer-box, .rounded > .g-content { border-radius: 0.1875rem; } table { border: 1px solid #eaeaea; } th { background: #f7f7f7; padding: 0.5rem; } td { padding: 0.5rem; border: 1px solid #eaeaea; } textarea, select[multiple=multiple] { background-color: white; border: 1px solid #dddddd; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); } textarea:hover, select[multiple=multiple]:hover { border-color: #c4c4c4; } textarea:focus, select[multiple=multiple]:focus { border-color: rgba(67, 154, 134, 0); } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea { background-color: white; border: 1px solid #dddddd; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); } input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover { border-color: #c4c4c4; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus { border-color: rgba(67, 154, 134, 0); } .g-social a { display: inline-block; padding: 0.1rem 0.4rem; background: #fafafa; border: 1px solid #dddddd; border-radius: 0.1875rem; margin-bottom: 4px; text-decoration: none; } .sample-content { text-align: center; } .sample-content .subtitle { text-transform: uppercase; font-size: 0.8rem; display: block; margin-top: -1.3rem; } .sample-content .sample-icons { font-size: 5rem; color: rgba(67, 154, 134, 0); opacity: 0.6; } .sample-content .sample-description { font-size: 1.2rem; } @media only all and (min-width: 52rem) { .sample-content .device-promo { width: 356px; height: 203px; position: relative; float: right; margin-left: 3rem; margin-bottom: 1rem; } .sample-content .device-promo .macbook { width: 356px; height: 203px; position: absolute; z-index: 1; background: url('../../images/macbook.png'); } .sample-content .device-promo .macbook .macbook-color { position: absolute; width: 206px; height: 118px; left: 37px; top: 56px; background: #ccc; } .sample-content .device-promo .ipad { width: 356px; height: 203px; position: absolute; z-index: 2; background: url('../../images/ipad.png'); } .sample-content .device-promo .ipad .ipad-color { position: absolute; width: 111px; height: 163px; right: 27px; top: 20px; background: rgba(67, 154, 134, 0); } .sample-content .device-promo .iphone { width: 356px; height: 203px; position: absolute; z-index: 3; background: url('../../images/iphone.png'); } .sample-content .device-promo .iphone .iphone-color { position: absolute; width: 46px; height: 75px; right: 4px; top: 112px; background: rgba(143, 77, 174, 0); } } .sample-content .middle { text-align: center; } .sample-content .fa-github-square { color: #ddd; margin-top: 1.5rem; font-size: 10rem; } @media only all and (min-width: 52rem) and (max-width: 79.99rem) { .sample-content .fa-github-square { font-size: 8rem; } } @media only all and (max-width: 51.99rem) { .sample-content .fa-github-square { float: none !important; margin-right: 0; } } .sample-content .info-box { background: whitesmoke; border: 1px solid #e6e6e6; padding: 0.938rem; border-radius: 0.1875rem; margin-bottom: 4rem; } .sample-content .fa-graduation-cap { color: #d9d9d9; margin: 1rem 2rem 1rem 1rem; font-size: 6rem; } @media only all and (min-width: 80rem) { #g-showcase .sample-description { padding: 0 6rem; } } @media only all and (min-width: 80rem) { #g-subfeature .sample-content .g-content { padding-left: 2rem; padding-right: 2rem; } } @media only all and (min-width: 52rem) { #g-main .sample-content { text-align: inherit; } } .g-content-array { margin-left: -0.938rem; margin-right: -0.938rem; } .g-content-array .g-grid { margin-bottom: 2.3445rem; } .g-content-array .g-grid:last-child { margin-bottom: 0; } @media only all and (max-width: 51.99rem) { .g-content-array .g-grid:last-child .g-block:last-child .g-array-item { margin-bottom: 0; } } @media only all and (max-width: 51.99rem) { .g-content-array .g-grid { margin-bottom: 0; } } .g-content-array .g-content { margin: 0; padding-top: 0; padding-bottom: 0; } @media only all and (max-width: 51.99rem) { .g-content-array .g-array-item { margin-bottom: 2.3445rem; } } .g-content-array .g-array-item-image { margin: 0 0 15px 0; } .g-content-array .g-item-title { margin: 0; } .g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more { margin: 15px 0 0; } .g-content-array .g-array-item-details { font-size: 90%; } .g-content-array .g-array-item-details > span { margin-right: 10px; } .g-content-array .g-array-item-details i { margin-right: 5px; } .g-main-nav .g-standard .g-dropdown { transition: none; } .g-main-nav .g-standard .g-fade.g-dropdown { transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-standard .g-zoom.g-active { animation-duration: 0.3s; animation-name: g-dropdown-zoom; } .g-main-nav .g-standard .g-fade-in-up.g-active { animation-duration: 0.3s; animation-name: g-dropdown-fade-in-up; } .g-main-nav .g-fullwidth > .g-dropdown { transition: none; } .g-main-nav .g-fullwidth > .g-fade.g-dropdown { transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-fullwidth > .g-zoom.g-active { animation-duration: 0.3s; animation-name: g-dropdown-zoom; } .g-main-nav .g-fullwidth > .g-fade-in-up.g-active { animation-duration: 0.3s; animation-name: g-dropdown-fade-in-up; } @keyframes g-dropdown-zoom { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @keyframes g-dropdown-fade-in-up { 0% { opacity: 0; transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } .g-offline #grav-login { max-width: 36rem; } .g-offline #grav-login .form-actions { margin-top: 0.625rem; } @media only all and (max-width: 51.99rem) { .g-offline #grav-login .form-actions { text-align: center; } } .g-offline #grav-login .button { text-transform: capitalize; } @media only all and (max-width: 51.99rem) { .g-offline #grav-login .rememberme { float: none; display: block; } } .g-container { width: 80rem; } @media only all and (min-width: 80rem) and (max-width: 79.99rem) { .g-container { width: 80rem; } } @media only all and (min-width: 52rem) and (max-width: 79.99rem) { .g-container { width: 52rem; } } @media only all and (min-width: 52.01rem) and (max-width: 51.99rem) { .g-container { width: 52rem; } } @media only all and (max-width: 52rem) { .g-container { width: 100%; } } .g-container.g-flushed { width: 100%; } @media only all and (max-width: 51.99rem) { .g-block { flex-grow: 0; flex-basis: 100%; } } @media only all and (max-width: 51.99rem) { body [class*="size-"] { flex-grow: 0; flex-basis: 100%; max-width: 100%; } } @media only all and (max-width: 51.99rem) { @supports not (flex-wrap: wrap) { .g-grid { display: block; flex-wrap: inherit; } .g-block { display: block; flex: inherit; } } } .visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone { display: none !important; } @media only all and (max-width: 51.99rem) { .visible-phone { display: block !important; } .g-block.visible-phone { display: block !important; } } @media only all and (min-width: 52rem) and (max-width: 79.99rem) { .visible-tablet { display: block !important; } .g-block.visible-tablet { display: block !important; } } @media only all and (min-width: 80rem) and (max-width: 79.99rem) { .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (min-width: 80rem) { .visible-large { display: block !important; } .g-block.visible-large { display: block !important; } .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (max-width: 51.99rem) { .hidden-phone { display: none !important; } } @media only all and (min-width: 52rem) and (max-width: 79.99rem) { .hidden-tablet { display: none !important; } } @media only all and (min-width: 80rem) and (max-width: 79.99rem) { .hidden-desktop { display: none !important; } } @media only all and (min-width: 80rem) { .hidden-large { display: none !important; } .hidden-desktop { display: none !important; } } @media only all and (max-width: 51.99rem) { .align-right { text-align: inherit !important; } .align-left { text-align: inherit !important; } } /*# sourceMappingURL=hydrogen_13.css.map */