/** Light blue: 217, 228, 238 = D9E4EE Dark blue: 203,212, 221 = CBD4DD Pink: 198, 0, 134 = C60086 Gray: 245, 245, 245 = F5F5F5 */ /* line 45, sass/libs/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* line 61, sass/libs/_normalize.scss */ audio, canvas, video { display: inline-block; } /* line 74, sass/libs/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* line 84, sass/libs/_normalize.scss */ [hidden], template { display: none; } /* line 97, sass/libs/_normalize.scss */ html { color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* line 109, sass/libs/_normalize.scss */ html, button, input, select, textarea { font-family: sans-serif; } /* line 119, sass/libs/_normalize.scss */ body { margin: 0;padding:15px; } /* line 132, sass/libs/_normalize.scss */ a { background: transparent; } /* line 139, sass/libs/_normalize.scss */ a:focus { outline: thin dotted; } /* line 145, sass/libs/_normalize.scss */ a:hover, a:active { outline: 0; } /* line 159, sass/libs/_normalize.scss */ h1 { font-size: 2em; margin: 0.67em 0; } /* line 164, sass/libs/_normalize.scss */ h2 { font-size: 1.5em; margin: 0.83em 0; } /* line 169, sass/libs/_normalize.scss */ h3 { font-size: 1.17em; margin: 1em 0; } /* line 174, sass/libs/_normalize.scss */ h4 { font-size: 1em; margin: 1.33em 0; } /* line 179, sass/libs/_normalize.scss */ h5 { font-size: 0.83em; margin: 1.67em 0; } /* line 184, sass/libs/_normalize.scss */ h6 { font-size: 0.75em; margin: 2.33em 0; } /* line 192, sass/libs/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* line 198, sass/libs/_normalize.scss */ b, strong { font-weight: bold; } /* line 211, sass/libs/_normalize.scss */ dfn { font-style: italic; } /* line 217, sass/libs/_normalize.scss */ mark { background: #ff0; color: #000; } /* line 233, sass/libs/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* line 246, sass/libs/_normalize.scss */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* line 254, sass/libs/_normalize.scss */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* line 269, sass/libs/_normalize.scss */ q:before, q:after { content: ''; content: none; } /* line 277, sass/libs/_normalize.scss */ small { font-size: 80%; } /* line 284, sass/libs/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 292, sass/libs/_normalize.scss */ sup { top: -0.5em; } /* line 296, sass/libs/_normalize.scss */ sub { bottom: -0.25em; } /* line 348, sass/libs/_normalize.scss */ img { border: 0; } /* line 357, sass/libs/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* line 367, sass/libs/_normalize.scss */ figure { margin: 0; } /* line 384, sass/libs/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* line 395, sass/libs/_normalize.scss */ legend { border: 0; padding: 0; white-space: normal; } /* line 409, sass/libs/_normalize.scss */ button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; } /* line 424, sass/libs/_normalize.scss */ button, input { line-height: normal; } /* line 434, sass/libs/_normalize.scss */ button, select { text-transform: none; } /* line 447, sass/libs/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } /* line 460, sass/libs/_normalize.scss */ button[disabled], input[disabled] { cursor: default; } /* line 470, sass/libs/_normalize.scss */ input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } /* line 483, sass/libs/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; } /* line 493, sass/libs/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* line 502, sass/libs/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* line 511, sass/libs/_normalize.scss */ textarea { overflow: auto; vertical-align: top; } /* line 522, sass/libs/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 528, sass/libs/_normalize.scss */ *, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } /* Global Styles */ /* line 5, sass/libs/_global.scss */ body { font-family: Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; color: #111; background-color: #FFFFFF; } /* line 17, sass/libs/_global.scss */ h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family: "Open Sans", sans-serif; font-weight: 600; } /* line 25, sass/libs/_global.scss */ a { text-decoration: none; } /* line 29, sass/libs/_global.scss */ address { font-style: normal; } /* line 31, sass/libs/_global.scss */ p { margin-top: 0; } /* line 33, sass/libs/_global.scss */ .text-center { text-align: center; } /* line 36, sass/libs/_global.scss */ form select, form textarea { padding: 10px 10px 10px 10px; background-position: 10px; background-repeat: no-repeat; display: block; font-family: "Open Sans", sans-serif; /*margin-bottom: 10px; */font-size: 14px; font-weight: bold; width: 100%; outline: none; background-color: transparent; color: inherit; -webkit-transition: .3s ease; transition: .3s ease; } /* line 52, sass/libs/_global.scss */ form input:not([type="submit"]):hover, form input:not([type="submit"]):active, form input:not([type="submit"]):focus, form select:hover, form select:active, form select:focus, form textarea:hover, form textarea:active, form textarea:focus { border-color: #ac8074; } /* line 57, sass/libs/_global.scss */ form input[type="submit"] { padding: 10px 20px; border: 2px solid #ac8074; font-family: "Open Sans", sans-serif; font-size: 14px; font-size: 0.875em; outline: none; -webkit-transition: .3s ease; transition: .3s ease; } /* line 68, sass/libs/_global.scss */ form input[type="submit"]:hover, form input[type="submit"]:active, form input[type="submit"]:focus { background-color: #ac8074; color: #111113; } /* line 75, sass/libs/_global.scss */ .more-link { padding: 20px 30px 20px 0; background: url(images/arrow.png) no-repeat right center; color: #ac8074; font-size: 14px; font-size: 0.875em; } /* Reusable Components Style */ /* button */ /* line 6, sass/libs/_components.scss */ .button { display: inline-block; padding: 15px 35px; color: #C60086; text-transform: uppercase; font-size: 12px; font-size: 0.75em; font-family: "Open Sans", sans-serif; -webkit-transition: .3s ease; transition: .3s ease; } /* line 16, sass/libs/_components.scss */ .button.invert { background-color: #C60086; color: #ac8074; font-weight: 700; } /* line 22, sass/libs/_components.scss */ .button:hover { border-color: #ac8074; color: #ac8074; } /* fullwidth-block */ /* line 29, sass/libs/_components.scss */ .fullwidth-block { padding: 5px 30px 0px; overflow: hidden; border-radius: 8px;} /* Latest News*/ /* line 35, sass/libs/_components.scss */ .latest-news { border: 2px solid #28292c; padding: 30px; } /* line 39, sass/libs/_components.scss */ .latest-news h3 { font-size: 14px; font-size: 0.875em; } /* line 43, sass/libs/_components.scss */ .latest-news ul { list-style: none; padding-left: 0; margin: 0; } /* line 48, sass/libs/_components.scss */ .latest-news ul li { border-bottom: 1px solid #28292c; padding: 10px 0; } /* line 52, sass/libs/_components.scss */ .latest-news ul li:last-child { border-bottom: none; } /* line 55, sass/libs/_components.scss */ .latest-news .entry-title { font-size: 16px; font-size: 1em; font-family: Arial, sans-serif; text-transform: initial; margin-bottom: 0; } /* line 60, sass/libs/_components.scss */ .latest-news .entry-title a { color: #ac8074; -webkit-transition: .3s ease; transition: .3s ease; } /* line 64, sass/libs/_components.scss */ .latest-news .entry-title a:hover { color: #c9aca4; } /* line 69, sass/libs/_components.scss */ .latest-news .date { font-size: 14px; font-size: 0.875em; } /* feature */ /* line 75, sass/libs/_components.scss */ .feature { margin: 15px; position: relative; } /* line 79, sass/libs/_components.scss */ .feature header { margin-bottom: 30px; } /* line 82, sass/libs/_components.scss */ .feature header .feature-icon, .feature header .feature-title-copy { display: inline-block; vertical-align: top; } /* line 86, sass/libs/_components.scss */ .feature header .feature-icon { margin-right: 20px; } /* line 88, sass/libs/_components.scss */ .feature header .feature-title { font-size: 24px; font-size: 1.5em; color: #C60086; margin-bottom: 0; line-height: 1; } /* line 94, sass/libs/_components.scss */ .feature header .feature-subtitle { font-size: 14px; color: #C60086; } /* line 101, sass/libs/_components.scss */ .feature-grid .feature { background: #111113; margin-bottom: 0; padding: 50px 30px !important; text-align: center; } /* line 109, sass/libs/_components.scss */ .feature-grid .feature:nth-child(even) { background-color: #242424; } /* line 112, sass/libs/_components.scss */ .feature-grid .feature .feature-image { margin-bottom: 20px; } /* line 113, sass/libs/_components.scss */ .feature-grid .feature .feature-title { font-size: 36px; font-size: 2.25em; margin-bottom: 10px; color: #C60086; text-transform: uppercase; } /* line 119, sass/libs/_components.scss */ .feature-grid .feature p { margin-bottom: 0; } /* line 122, sass/libs/_components.scss */ .feature.boxed { padding: 30px; background-color: #111113; margin-bottom: 30px; } /* line 127, sass/libs/_components.scss */ .feature.boxed p { margin-bottom: 0; } /* line 131, sass/libs/_components.scss */ .quote-section { margin: 30px 0; padding: 50px 100px; border: 3px solid #28292c; } @media screen and (max-width: 640px) { /* line 131, sass/libs/_components.scss */ .quote-section { padding: 30px; } } /* line 142, sass/libs/_components.scss */ .quote-slider .slides { *zoom: 1; list-style: none; padding: 0; margin: 0; } /* line 4, sass/libs/_mixins.scss */ .quote-slider .slides:after { content: " "; clear: both; display: block; overflow: hidden; height: 0; } /* line 148, sass/libs/_components.scss */ .quote-slider .slides li { width: 100%; margin-right: -100%; float: left; padding-left: 200px; position: relative; } @media screen and (max-width: 640px) { /* line 148, sass/libs/_components.scss */ .quote-slider .slides li { padding: 0; } } /* line 159, sass/libs/_components.scss */ .quote-slider .slides blockquote { margin: 0; } /* line 162, sass/libs/_components.scss */ .quote-slider .slides .quote-avatar { position: absolute; left: 0; top: 0; } @media screen and (max-width: 640px) { /* line 162, sass/libs/_components.scss */ .quote-slider .slides .quote-avatar { position: relative; margin: 0 auto 30px; } } /* line 171, sass/libs/_components.scss */ .quote-slider .slides p { font-size: 18px; font-size: 1.125em; line-height: 1.6; } /* line 175, sass/libs/_components.scss */ .quote-slider .slides cite, .quote-slider .slides span { font-size: 12px; font-size: 0.75em; font-weight: 500; } /* line 179, sass/libs/_components.scss */ .quote-slider .slides cite { font-style: normal; text-transform: uppercase; font-family: "Open Sans", sans-serif; } /* line 184, sass/libs/_components.scss */ .quote-slider .slides span { color: #4c4c4c; text-transform: uppercase; } /* line 190, sass/libs/_components.scss */ .quote-slider .flex-control-paging { margin-left: 200px; list-style: none; padding-left: 0; } @media screen and (max-width: 640px) { /* line 190, sass/libs/_components.scss */ .quote-slider .flex-control-paging { margin-left: 0; } } /* line 198, sass/libs/_components.scss */ .quote-slider .flex-control-paging li { display: inline-block; margin-right: 10px; text-align: center; position: relative; /* a{ display: block; position: absolute; top:0; bottom:0; left:0; right:0; margin: auto; width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; cursor: pointer; } */ } /* line 206, sass/libs/_components.scss */ .quote-slider .flex-control-paging li a { display: block; width: 15px; height: 15px; border: 2px solid #111113; overflow: hiddne; text-indent: -9999px; box-shadow: 0 0 0 2px #4c4c4c; cursor: pointer; } /* line 216, sass/libs/_components.scss */ .quote-slider .flex-control-paging li a.flex-active { background: #ac8074; box-shadow: 0 0 0 2px #ac8074; } /* Timeline */ /* line 242, sass/libs/_components.scss */ .timeline { border-top: 3px solid #28292c; *zoom: 1; } /* line 4, sass/libs/_mixins.scss */ .timeline:after { content: " "; clear: both; display: block; overflow: hidden; height: 0; } @media screen and (max-width: 640px) { /* line 242, sass/libs/_components.scss */ .timeline { margin-left: 30px; border-top: 0; border-left: 3px solid #28292c; } } /* line 252, sass/libs/_components.scss */ .timeline .milestone { width: 25%; padding: 30px 15px 0; float: left; text-align: center; position: relative; } /* line 260, sass/libs/_components.scss */ .timeline .milestone:before { content: " "; width: 29px; height: 29px; background: url(images/bullet.png) no-repeat; display: block; position: absolute; top: -15px; left: 0; right: 0; margin: auto; } @media screen and (max-width: 640px) { /* line 252, sass/libs/_components.scss */ .timeline .milestone { padding: 0 0 15px 30px; text-align: left; float: none; width: 100%; } /* line 280, sass/libs/_components.scss */ .timeline .milestone:before { left: -15px; right: auto; top: 0; bottom: 0; margin: 0; } } /* line 289, sass/libs/_components.scss */ .timeline .milestone .year { color: #ac8074; font-family: "Open Sans", sans-serif; font-size: 24px; font-size: 1.5em; margin-bottom: 20px; } /* line 295, sass/libs/_components.scss */ .timeline .milestone .milestone-title { color: #C60086; font-family: "Open Sans", sans-serif; font-size: 14px; font-size: 0.875em; } /* line 303, sass/libs/_components.scss */ .cta { border: 3px solid #28292c; padding: 50px; text-align: center; font-size: 24px; font-size: 1.5em; text-transform: uppercase; } /* line 311, sass/libs/_components.scss */ .cta a { color: #ac8074; } /* Counter */ /* line 314, sass/libs/_components.scss */ .counter { border: 2px solid #28292c; padding: 30px 100px; font-family: "Open Sans", sans-serif; } @media screen and (max-width: 640px) { /* line 314, sass/libs/_components.scss */ .counter { padding: 30px; } } /* line 321, sass/libs/_components.scss */ .counter .num, .counter .copy { display: inline-block; vertical-align: middle; } /* line 325, sass/libs/_components.scss */ .counter .num { font-size: 200px; font-size: 12.5em; color: #ac8074; font-weight: 600; line-height: .8; margin: 0 30px 0 0; position: relative; top: -20px; } @media screen and (max-width: 640px) { /* line 325, sass/libs/_components.scss */ .counter .num { font-size: 150px; font-size: 9.375em; } } /* line 336, sass/libs/_components.scss */ .counter .copy { font-size: 36px; font-size: 2.25em; text-transform: uppercase; font-weight: 600; line-height: 1; } /* line 341, sass/libs/_components.scss */ .counter .copy span { display: block; } /* line 343, sass/libs/_components.scss */ .counter .copy span:first-child { color: #ac8074; } /* Team */ /* line 349, sass/libs/_components.scss */ .team { text-align: center; margin-bottom: 30px; width: 25%; padding: 0 15px; float: left; } @media screen and (max-width: 990px) { /* line 349, sass/libs/_components.scss */ .team { width: 50%; } } @media screen and (max-width: 480px) { /* line 349, sass/libs/_components.scss */ .team { width: 100%; } } /* line 359, sass/libs/_components.scss */ .team .team-image { overflow: hidden; border-radius: 50%; margin-bottom: 20px; width: 250px; height: 250px; display: inline-block; } /* line 367, sass/libs/_components.scss */ .team .team-image img { display: block; } /* line 371, sass/libs/_components.scss */ .team .team-name { font-size: 24px; font-size: 1.5em; color: #C60086; text-transform: uppercase; margin-bottom: 0; font-family: "Open Sans", sans-serif; } /* line 378, sass/libs/_components.scss */ .team .team-desc { font-size: 14px; font-size: 0.875em; text-transform: uppercase; color: #ac8074; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 20px; display: block; } /* line 387, sass/libs/_components.scss */ .team p { font-size: 1em !important; } /* line 395, sass/libs/_components.scss */ .contact-form { margin-bottom: 50px; } /* line 398, sass/libs/_components.scss */ .contact-form #name { background-image: url("images/icon-user.png"); } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { /* line 398, sass/libs/_components.scss */ .contact-form #name { background-image: url("images/icon-user@2x.png"); background-size: 16px 18px; } } /* line 399, sass/libs/_components.scss */ .contact-form #email { background-image: url("images/icon-envelope-alt.png"); } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { /* line 399, sass/libs/_components.scss */ .contact-form #email { background-image: url("images/icon-envelope-alt@2x.png"); background-size: 16px 11px; } } /* line 400, sass/libs/_components.scss */ .contact-form #website { background-image: url("images/icon-globe.png"); } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { /* line 400, sass/libs/_components.scss */ .contact-form #website { background-image: url("images/icon-globe@2x.png"); background-size: 16px 16px; } } /* line 401, sass/libs/_components.scss */ .contact-form #message { background-image: url("images/icon-pencil.png"); background-position: 10px 10px; min-height: 200px; } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { /* line 401, sass/libs/_components.scss */ .contact-form #message { background-image: url("images/icon-pencil@2x.png"); background-size: 16px 17px; } } /* line 408, sass/libs/_components.scss */ .map { min-height: 350px; margin-bottom: 30px; } /* line 414, sass/libs/_components.scss */ .contact-info strong { color: #C60086; text-transform: uppercase; font-size: 14px; font-size: 0.875em; font-family: "Open Sans", sans-serif; display: block; margin-bottom: 10px; } /* line 423, sass/libs/_components.scss */ .contact-info .contact a { display: block; color: inherit; } /* line 428, sass/libs/_components.scss */ .contact-info p { font-size: 14px; font-size: 0.875em; } /* line 10, sass/libs/bootstrap-grid/_grid.scss */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; *zoom: 1; } /* line 4, sass/libs/_mixins.scss */ .container:after { content: " "; clear: both; display: block; overflow: hidden; height: 0; } @media (min-width: 768px) { /* line 10, sass/libs/bootstrap-grid/_grid.scss */ .container { width:100%; } } @media (min-width: 992px) { /* line 10, sass/libs/bootstrap-grid/_grid.scss */ .container { width:100%; } } @media (min-width: 1200px) { /* line 10, sass/libs/bootstrap-grid/_grid.scss */ .container { width:100%; } } /* line 30, sass/libs/bootstrap-grid/_grid.scss */ .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; *zoom: 1; } /* line 4, sass/libs/_mixins.scss */ .container-fluid:after { content: " "; clear: both; display: block; overflow: hidden; height: 0; } /* line 39, sass/libs/bootstrap-grid/_grid.scss */ .row { margin-left: -15px; margin-right: -15px; *zoom: 1; } /* line 4, sass/libs/_mixins.scss */ .row:after { content: " "; clear: both; display: block; overflow: hidden; height: 0; } /* line 11, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .feature-grid .feature, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .feature-grid .feature, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 27, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-1 { width: 8.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-2 { width: 16.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-3 { width: 25%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-4 { width: 33.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-5 { width: 41.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-6 { width: 50%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-7 { width: 58.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-8 { width: 66.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-9 { width: 75%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-10 { width: 83.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-11 { width: 91.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-12 { width: 100%; } /* line 55, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-0 { right: auto; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-1 { right: 8.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-2 { right: 16.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-3 { right: 25%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-4 { right: 33.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-5 { right: 41.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-6 { right: 50%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-7 { right: 58.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-8 { right: 66.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-9 { right: 75%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-10 { right: 83.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-11 { right: 91.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-pull-12 { right: 100%; } /* line 45, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-0 { left: auto; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-1 { left: 8.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-2 { left: 16.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-3 { left: 25%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-4 { left: 33.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-5 { left: 41.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-6 { left: 50%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-7 { left: 58.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-8 { left: 66.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-9 { left: 75%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-10 { left: 83.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-11 { left: 91.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-push-12 { left: 100%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-0 { margin-left: 0%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-1 { margin-left: 8.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-2 { margin-left: 16.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-3 { margin-left: 25%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-4 { margin-left: 33.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-5 { margin-left: 41.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-6 { margin-left: 50%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-7 { margin-left: 58.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-8 { margin-left: 66.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-9 { margin-left: 75%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-10 { margin-left: 83.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-11 { margin-left: 91.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { /* line 27, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .feature-grid .feature, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-1 { width: 8.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-2 { width: 16.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-3 { width: 25%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-4 { width: 33.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-5 { width: 41.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-6, .feature-grid .feature { width: 50%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-7 { width: 58.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-8 { width: 66.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-9 { width: 75%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-10 { width: 83.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-11 { width: 91.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-12 { width: 100%; } /* line 55, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-0 { right: auto; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-1 { right: 8.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-2 { right: 16.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-3 { right: 25%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-4 { right: 33.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-5 { right: 41.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-6 { right: 50%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-7 { right: 58.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-8 { right: 66.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-9 { right: 75%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-10 { right: 83.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-11 { right: 91.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-pull-12 { right: 100%; } /* line 45, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-0 { left: auto; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-1 { left: 8.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-2 { left: 16.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-3 { left: 25%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-4 { left: 33.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-5 { left: 41.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-6 { left: 50%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-7 { left: 58.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-8 { left: 66.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-9 { left: 75%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-10 { left: 83.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-11 { left: 91.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-push-12 { left: 100%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-0 { margin-left: 0%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-1 { margin-left: 8.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-2 { margin-left: 16.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-3 { margin-left: 25%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-4 { margin-left: 33.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-5 { margin-left: 41.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-6 { margin-left: 50%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-7 { margin-left: 58.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-8 { margin-left: 66.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-9 { margin-left: 75%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-10 { margin-left: 83.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-11 { margin-left: 91.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { /* line 27, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .feature-grid .feature, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-1 { width: 8.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-2 { width: 16.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-3 { width: 25%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-4, .feature-grid .feature { width: 33.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-5 { width: 41.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-6 { width: 50%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-7 { width: 58.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-8 { width: 66.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-9 { width: 75%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-10 { width: 83.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-11 { width: 91.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-12 { width: 100%; } /* line 55, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-0 { right: auto; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-1 { right: 8.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-2 { right: 16.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-3 { right: 25%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-4 { right: 33.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-5 { right: 41.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-6 { right: 50%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-7 { right: 58.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-8 { right: 66.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-9 { right: 75%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-10 { right: 83.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-11 { right: 91.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-pull-12 { right: 100%; } /* line 45, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-0 { left: auto; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-1 { left: 8.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-2 { left: 16.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-3 { left: 25%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-4 { left: 33.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-5 { left: 41.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-6 { left: 50%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-7 { left: 58.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-8 { left: 66.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-9 { left: 75%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-10 { left: 83.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-11 { left: 91.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-push-12 { left: 100%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-0 { margin-left: 0%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-1 { margin-left: 8.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-2 { margin-left: 16.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-3 { margin-left: 25%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-4 { margin-left: 33.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-5 { margin-left: 41.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-6 { margin-left: 50%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-7 { margin-left: 58.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-8 { margin-left: 66.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-9 { margin-left: 75%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-10 { margin-left: 83.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-11 { margin-left: 91.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { /* line 27, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-1 { width: 8.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-2 { width: 16.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-3 { width: 25%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-4 { width: 33.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-5 { width: 41.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-6 { width: 50%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-7 { width: 58.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-8 { width: 66.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-9 { width: 75%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-10 { width: 83.33333%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-11 { width: 91.66667%; } /* line 35, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-12 { width: 100%; } /* line 55, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-0 { right: auto; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-1 { right: 8.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-2 { right: 16.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-3 { right: 25%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-4 { right: 33.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-5 { right: 41.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-6 { right: 50%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-7 { right: 58.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-8 { right: 66.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-9 { right: 75%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-10 { right: 83.33333%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-11 { right: 91.66667%; } /* line 50, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-pull-12 { right: 100%; } /* line 45, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-0 { left: auto; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-1 { left: 8.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-2 { left: 16.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-3 { left: 25%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-4 { left: 33.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-5 { left: 41.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-6 { left: 50%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-7 { left: 58.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-8 { left: 66.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-9 { left: 75%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-10 { left: 83.33333%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-11 { left: 91.66667%; } /* line 40, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-push-12 { left: 100%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-0 { margin-left: 0%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-1 { margin-left: 8.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-2 { margin-left: 16.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-3 { margin-left: 25%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-4 { margin-left: 33.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-5 { margin-left: 41.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-6 { margin-left: 50%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-7 { margin-left: 58.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-8 { margin-left: 66.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-9 { margin-left: 75%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-10 { margin-left: 83.33333%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-11 { margin-left: 91.66667%; } /* line 60, sass/libs/bootstrap-grid/_mixins.scss */ .col-lg-offset-12 { margin-left: 100%; } } @-ms-viewport { width: device-width; } /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } /* line 132, sass/libs/bootstrap-grid/_grid.scss */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { /* line 114, sass/libs/bootstrap-grid/_grid.scss */ .visible-xs { display: block !important; } /* line 117, sass/libs/bootstrap-grid/_grid.scss */ table.visible-xs { display: table; } /* line 118, sass/libs/bootstrap-grid/_grid.scss */ tr.visible-xs { display: table-row !important; } /* line 119, sass/libs/bootstrap-grid/_grid.scss */ th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { /* line 150, sass/libs/bootstrap-grid/_grid.scss */ .visible-xs-block { display: block !important; } } @media (max-width: 767px) { /* line 155, sass/libs/bootstrap-grid/_grid.scss */ .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { /* line 160, sass/libs/bootstrap-grid/_grid.scss */ .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 114, sass/libs/bootstrap-grid/_grid.scss */ .visible-sm { display: block !important; } /* line 117, sass/libs/bootstrap-grid/_grid.scss */ table.visible-sm { display: table; } /* line 118, sass/libs/bootstrap-grid/_grid.scss */ tr.visible-sm { display: table-row !important; } /* line 119, sass/libs/bootstrap-grid/_grid.scss */ th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 169, sass/libs/bootstrap-grid/_grid.scss */ .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 174, sass/libs/bootstrap-grid/_grid.scss */ .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 179, sass/libs/bootstrap-grid/_grid.scss */ .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 114, sass/libs/bootstrap-grid/_grid.scss */ .visible-md { display: block !important; } /* line 117, sass/libs/bootstrap-grid/_grid.scss */ table.visible-md { display: table; } /* line 118, sass/libs/bootstrap-grid/_grid.scss */ tr.visible-md { display: table-row !important; } /* line 119, sass/libs/bootstrap-grid/_grid.scss */ th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 188, sass/libs/bootstrap-grid/_grid.scss */ .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 193, sass/libs/bootstrap-grid/_grid.scss */ .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 198, sass/libs/bootstrap-grid/_grid.scss */ .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { /* line 114, sass/libs/bootstrap-grid/_grid.scss */ .visible-lg { display: block !important; } /* line 117, sass/libs/bootstrap-grid/_grid.scss */ table.visible-lg { display: table; } /* line 118, sass/libs/bootstrap-grid/_grid.scss */ tr.visible-lg { display: table-row !important; } /* line 119, sass/libs/bootstrap-grid/_grid.scss */ th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { /* line 207, sass/libs/bootstrap-grid/_grid.scss */ .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { /* line 212, sass/libs/bootstrap-grid/_grid.scss */ .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { /* line 217, sass/libs/bootstrap-grid/_grid.scss */ .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .hidden-md { display: none !important; } } @media (min-width: 1200px) { /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .hidden-lg { display: none !important; } } /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .visible-print { display: none !important; } @media print { /* line 114, sass/libs/bootstrap-grid/_grid.scss */ .visible-print { display: block !important; } /* line 117, sass/libs/bootstrap-grid/_grid.scss */ table.visible-print { display: table; } /* line 118, sass/libs/bootstrap-grid/_grid.scss */ tr.visible-print { display: table-row !important; } /* line 119, sass/libs/bootstrap-grid/_grid.scss */ th.visible-print, td.visible-print { display: table-cell !important; } } /* line 251, sass/libs/bootstrap-grid/_grid.scss */ .visible-print-block { display: none !important; } @media print { /* line 251, sass/libs/bootstrap-grid/_grid.scss */ .visible-print-block { display: block !important; } } /* line 258, sass/libs/bootstrap-grid/_grid.scss */ .visible-print-inline { display: none !important; } @media print { /* line 258, sass/libs/bootstrap-grid/_grid.scss */ .visible-print-inline { display: inline !important; } } /* line 265, sass/libs/bootstrap-grid/_grid.scss */ .visible-print-inline-block { display: none !important; } @media print { /* line 265, sass/libs/bootstrap-grid/_grid.scss */ .visible-print-inline-block { display: inline-block !important; } } @media print { /* line 125, sass/libs/bootstrap-grid/_grid.scss */ .hidden-print { display: none !important; } } /* Header Styles */ /* line 5, sass/layout/_header.scss */ .site-header { background-color: #FFFFFF; color: #C60086; padding: 15px 0; margin-bottom: 30px; border-radius: 8px;} /* line 13, sass/layout/_header.scss */ #branding { float: left; } /* line 16, sass/layout/_header.scss */ #branding .branding-copy, #branding .logo { display: inline-block; vertical-align: middle; } /* line 20, sass/layout/_header.scss */ #branding .logo { margin-right: 10px; } /* line 23, sass/layout/_header.scss */ #branding .site-title { margin: 0; font-size: 14px; font-size: 0.875em; font-weight: 600; text-transform: uppercase; line-height: 1; } /* line 30, sass/layout/_header.scss */ #branding .site-title a { color: inherit; } /* line 32, sass/layout/_header.scss */ #branding .site-description { font-size: 12px; font-size: 0.75em; color: #C60086; font-family: Arial, sans-serif; } /* line 39, sass/layout/_header.scss */ .menu-toggle { background-color: transparent; color: #C60086; padding: 10px 20px; border: none; outline: none; font-size: 20px; font-size: 1.25em; display: none; } @media screen and (max-width: 990px) { /* line 39, sass/layout/_header.scss */ .menu-toggle { display: block; } } @media screen and (min-width: 991px) { /* line 39, sass/layout/_header.scss */ .menu-toggle { display: none !important; } } /* line 81, sass/layout/_header.scss */ .main-navigation { float: right; } /* line 84, sass/layout/_header.scss */ .main-navigation .menu { list-style: none; margin: 0; padding: 0; } @media screen and (min-width: 991px) { /* line 84, sass/layout/_header.scss */ .main-navigation .menu { display: block !important; } } /* line 93, sass/layout/_header.scss */ .main-navigation .menu-item { display: inline-block; padding: 0 10px; } /* line 97, sass/layout/_header.scss */ .main-navigation .menu-item a { border-bottom: 3px solid transparent; color: #C60086; font-family: "Open Sans", sans-serif; font-size: 12px; font-size: 0.75em; text-transform: uppercase; font-weight: 600; -webkit-transition: .3s ease; transition: .3s ease; } /* Sidebar Styles */ /* line 3, sass/layout/_content.scss */ .content .entry-title { font-size: 30px; font-size: 1.875em; line-height: 1.3; font-weight: 600; margin: 0 0 50px; } /* line 10, sass/layout/_content.scss */ .content p { margin-bottom: 40px; } /* line 14, sass/layout/_content.scss */ .content figure { text-align: center; margin-bottom: 40px; } /* line 17, sass/layout/_content.scss */ .content figure img { max-width: 100%; } /* line 22, sass/layout/_content.scss */ .content figure.block img { width: 100%; max-width: 100%; } /* line 30, sass/layout/_content.scss */ .text-center { text-align: center; } /* line 31, sass/layout/_content.scss */ .text-left { text-align: left; } /* line 32, sass/layout/_content.scss */ .text-right { text-align: right; } /* line 35, sass/layout/_content.scss */ .hero img { display: block; max-width: 100%; } /* line 39, sass/layout/_content.scss */ .hero .hero-content { margin-top: 40%; } @media screen and (max-width: 990px) { /* line 39, sass/layout/_content.scss */ .hero .hero-content { margin-top: 0; padding: 50px 0; } } /* line 47, sass/layout/_content.scss */ .hero .hero-title { text-transform: uppercase; font-weight: 600; font-size: 36px; font-size: 2.25em; } /* line 52, sass/layout/_content.scss */ .hero p { font-size: 16px; font-size: 1em; line-height: 1.5; margin-bottom: 30px; } /* Footer Styles */ /* line 5, sass/layout/_footer.scss */ .site-footer { background-color: #f5f7deb3; padding: 50px 0; text-align: center; } /* line 11, sass/layout/_footer.scss */ .subscribe-form { margin-bottom: 30px; background-color: #0c0c0d; padding: 30px; text-align: left; } /* line 17, sass/layout/_footer.scss */ .subscribe-form form { display: table; width: 100%; } /* line 20, sass/layout/_footer.scss */ .subscribe-form form label, .subscribe-form form .control { display: table-cell; vertical-align: middle; } @media screen and (max-width: 640px) { /* line 20, sass/layout/_footer.scss */ .subscribe-form form label, .subscribe-form form .control { display: block; width: 100%; } } /* line 28, sass/layout/_footer.scss */ .subscribe-form form label { text-align: left; width: 350px; line-height: 1.2; } @media screen and (max-width: 640px) { /* line 28, sass/layout/_footer.scss */ .subscribe-form form label { margin-bottom: 30px; width: 100%; } } /* line 37, sass/layout/_footer.scss */ .subscribe-form form label span { display: block; font-size: 20px; font-size: 1.25em; font-weight: 600; text-transform: uppercase; } /* line 42, sass/layout/_footer.scss */ .subscribe-form form label span:last-child { color: #ac8074; } /* line 46, sass/layout/_footer.scss */ .subscribe-form form input, .subscribe-form form button { vertical-align: middle; outline: none; margin-bottom: 0; -webkit-transition: .3s ease; transition: .3s ease; } /* line 52, sass/layout/_footer.scss */ .subscribe-form form .control { position: relative; } /* line 53, sass/layout/_footer.scss */ .subscribe-form form input { border: 4px solid #28292c; border-right: none; background-color: transparent; padding: 10px 100px 10px 20px; width: 100%; height: 70px; color: #C60086; } /* line 61, sass/layout/_footer.scss */ .subscribe-form form input:hover, .subscribe-form form input:hover + button, .subscribe-form form input:focus, .subscribe-form form input:focus + button { border-color: #ac8074; } /* line 66, sass/layout/_footer.scss */ .subscribe-form form button { height: 70px; padding: 15px 20px 10px; background-color: transparent; border: 4px solid #28292c; margin-left: -10px; position: absolute; right: 0; top: 0; } /* line 76, sass/layout/_footer.scss */ .subscribe-form form button:focus { border-color: #ac8074; } /* line 83, sass/layout/_footer.scss */ .social-links { margin: 50px 0; } /* line 85, sass/layout/_footer.scss */ .social-links a { color: #ac8074; font-size: 20px; font-size: 1.25em; display: inline-block; padding: 10px; -webkit-transition: .3s ease; transition: .3s ease; } /* line 92, sass/layout/_footer.scss */ .social-links a:hover, .social-links a:focus { color: #c9aca4; } /* line 98, sass/layout/_footer.scss */ .copy { font-size: 14px; font-size: 0.875em; color: #494949; } /*# sourceMappingURL=style.css.map */ /* Basic styling for the overlay and alert box */ .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; align-items: center; justify-content: center; } .alert-box { background: linear-gradient(145deg, #D9E4EE, #CBD4DD); padding: 20px; border-radius: 15px; box-shadow: 5px 5px 25px #bbb, 5px 5px 25px #fff; text-align: center; min-width: 300px; max-width: 80%; position: relative; } .alert-box p { color: #C60086; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position: relative; top: -10px; /* Makes text stick out of the alert box */ } .alert-box button { padding: 10px 20px; border: none; background: #C60086; color: #FFF; border-radius: 5px; cursor: pointer; box-shadow: 3px 3px 10px #aaa, -3px -3px 10px #fff; } .alert-box button:hover { background: #A3006B; } @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } .btn, .btn_primary, button{ /*width: 200px;*/ margin-bottom: 3px; margin-right: 3px; } .height_95 { height: 95%; width:100%; } .height_80 { height: 80%; } .width_90 { width: 90%; } #questionsAsked { max-width:90%; } #pre_answer { font-size: 16px; font-weight: 500; background-color:#CBD4DD; border: 0px; word-break: break-word; } .full_width { width: 100%; } /**Table*/ .styled-table { border-collapse: collapse; margin: 25px 0; font-size: 0.9em; font-family: sans-serif; min-width: 400px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); table-layout:fixed; width:100%; } .styled-table thead tr { background-color: #009879; color: #ffffff; text-align: left; } .styled-table th, .styled-table td { padding: 5px; } .styled-table tbody tr { border-bottom: 1px solid #dddddd; } .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styled-table tbody tr:last-of-type { border-bottom: 2px solid #009879; } .styled-table tbody tr.active-row { font-weight: bold; color: #009879; } .colt { width:10%; } @media (max-width: 600px) { .colt, .colid { writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; white-space: nowrap; padding: 10px; vertical-align: middle; } } .colv { width:10%; } /* highlight acceptable answers */ div.acceptable { background-color: #d4edda !important; /* light green */ color: #155724 !important; /* dark green text */ } /* highlight unacceptable answers */ div.unacceptable { background-color: #f8d7da !important; /* light red */ color: #721c24 !important; /* dark red text */ } /* highlight unacceptable answers */ div.neutral { background-color: #dbeafe !important; /* light blue */ color: #1e40af !important; /* blue text */ } .colid { width:10%; } .colq { width:25%; } .cola { width:25%; } .cols { width:20%; } .col1 { width:150px; } .col1p { width:10%; } .col2 { width:150px; } .close-modal { visibility:hidden; } /** Cards */ .card { /* Add shadows to create the "card" effect */ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; padding: 5px 5px 5px 5px; margin:8px; height:50%; border-radius: 8px; } /* On mouse-over, add a deeper shadow */ .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } /* Add some padding inside the card container */ .container { padding: 2px 16px; } .center { margin: auto; width: 50%; border: 3px solid green; padding: 10px; } .width_75 { min-width:75%; } .width_100 { width:100%; } .collapsible { /*background-color: #CBD4DD;*/ color: #C60086; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } .active, .collapsible:hover { background-color: #CBD4DD; } .content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1; } a:hover { text-decoration: none; } .btn-success.active { background-color: orange; } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1; } pre{ padding: 0px; } /* START TOOLTIP STYLES */ [tooltip] { position: relative; /* opinion 1 */ } /* Applies to all tooltips */ [tooltip]::before, [tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ } [tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ font-family: Helvetica, sans-serif; text-align: center; /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */ min-width: 3em; /*max-width: 21em;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; /* absurdity 2 */ } /* Make the tooltips respond to hover */ [tooltip]:hover::before, [tooltip]:hover::after { display: block; } /* don't show empty tooltips */ [tooltip='']::before, [tooltip='']::after { display: none !important; } /* FLOW: UP */ [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } .bi::before { height:14px; } :root { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; } body { min-height: 100vh; display: flex; flex-direction: column; } /* General link style for the footer */ .kwizmo-footer a, #kwizmo_TOS a { color: #0066cc; text-decoration: none; font-weight: 500; } .kwizmo-footer a:hover, #kwizmo_TOS a:hover { text-decoration: underline; } /* TOS link block */ #kwizmo_TOS { text-align: center; margin-bottom: 8px; font-size: 14px; opacity: 0.85; } /* Footer container */ .kwizmo-footer { width: 100%; padding: 5px; background: #f7f8fa; border-top: 1px solid #e0e3e7; font-family: "Roboto", sans-serif; font-size: 14px; color: #4a4f57; line-height: 1.4; } /* Main line */ .kwizmo-footer-main { text-align: center; margin-bottom: 10px; font-weight: 300; } /* Disclaimer */ .kwizmo-footer-disclaimer { text-align: center; font-size: 12px; font-weight: 300; color: #6b727c; max-width: 600px; margin: 0 auto; opacity: 0.85; } .logo { width: 64px; border-radius: 8px; } img { border-radius: 8px; } .image1 { position: relative; top: 0; left: 0; } .all_rights { position: absolute; bottom: 18px; left: 53%; } .pink-text{ color: #C60086; } .bold { font-weight: 600; } /* Style the tab */ .tab { overflow: hidden; display: flex; flex-wrap: wrap; /* Allow wrapping on smaller screens */ gap: 10px; /* Optional: spacing between buttons */ } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; margin-left: 15px; transition: 0.3s; font-size: 17px; border-radius: 8px; flex: 1 1 0; /* Grow equally, allow shrinking */ min-width: 120px; /* Prevent too narrow buttons on very small screens */ text-align: center; padding: 10px; box-sizing: border-box; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; } .stat_result { font-weight: 800; } .box { /*position: absolute;*/ top: 50%; /*left: 50%;*/ /*transform: translate(-50%, -50%);*/ } .box select { background-color: #0563af; color: white; padding: 6px 12px; width: 150px; border: none; font-size: 14px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); -webkit-appearance: button; appearance: button; outline: none; border-radius: 4px; height: 33px; } .box::before { content: "\f13a"; font-family: FontAwesome; position: absolute; top: 0; right: 0; height: 100%; text-align: center; font-size: 14px; line-height: 45px; color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.1); pointer-events: none; } .box:hover::before { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.2); } .box select option { padding: 30px; } form input[type="file"] { padding: 0px; } #monitoring_div { min-height:400px; } #monitoring_iframe { width:100%; min-height:700px; height:100%; } #mic_div { margin-bottom: 10px; } .vote_hide { display:none; } input[readonly] { background-color: #f0f0f0; /* Light grey background */ border: 1px solid #ccc; /* Soft grey border */ color: #555; /* Darker text color */ /*padding: 8px 12px;*/ /* Comfortable padding */ border-radius: 4px; /* Rounded corners */ font-family: Arial, sans-serif; /* Clean font */ font-size: 14px; cursor: not-allowed; /* Change cursor to indicate it's non-editable */ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ } input[readonly]:hover { background-color: #e8e8e8; /* Slight hover effect */ } .hidden { display: none; } /* Basic Styling */ textarea, input { padding: 5px 5px; margin: 4px 0px; border: 2px solid #e0e0e0; border-radius: 8px; color: #333; font-size: 16px; font-weight: 400; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); outline: none; padding: 8px; transition: box-shadow 0.2s ease, border-color 0.2s ease; width: 100%; } /* On Focus */ textarea:focus, input:focus { border-color: rgba(198, 0, 134, 0.6); box-shadow: 0 0 5px rgba(198, 0, 134, 0.2); } /* Hover Effect */ textarea:hover, input:hover { border-color: rgba(198, 0, 134, 0.4); box-shadow: 0 0 3px rgba(198, 0, 134, 0.15); } /* Disabled State */ textarea:disabled, input:disabled { background-color: #f0f0f0; border-color: #dcdcdc; color: #aaa; } /* Placeholder Styling */ textarea::placeholder, input::placeholder { color: #999; font-style: italic; } .dropdown-menu { max-height: 200px; overflow-y: auto; } .dropdown-menu li { width: 180px; } .chart_container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; /* optional spacing between charts */ margin-top:5px; margin-bottom:5px; } .chart_container > div { flex: 1 1 22%; /* flexible, min 22% width for 4 columns per row */ min-width: 200px; /* prevent from getting too small */ box-sizing: border-box; padding: 10px; background-color: #f9f9f9; border-radius: 6px; border: 1px solid #ddd; display: flex; flex-direction: column; justify-content: flex-end; } pre { margin: 0; font-family: inherit; font-size: 1em; } .chart_div { flex: 1 1 32%; /* for canvas rows: 3 per row */ min-width: 280px; } @media (max-width: 768px) { .chart_container > div, .chart_div { flex: 1 1 100%; /* stack on smaller screens */ } .chart_container { margin-bottom:15px; } } .chart_div canvas { width: 100% !important; height: auto !important; aspect-ratio: 3 / 2; /* or whatever you prefer */ } .card.box { /*display: flex;*/ flex-wrap: wrap; align-items: center; gap: 10px; padding: 15px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .card.box select, .card.box button { flex: 1 1 200px; /* Grow and shrink, minimum 200px */ font-size: 16px; box-sizing: border-box; height: 36px; } .card.box button { white-space: nowrap; } .menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 0; margin: 0; list-style: none; } .menu-item, .language_selector { flex: 1 1 150px; /* Grow and shrink with minimum 150px */ text-align: center; } .menu-item.card, .language_selector.card { padding: 10px 15px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .menu-item.card a { text-decoration: none; color: #333; display: block; font-weight: bold; } .menu-item.card a i { margin-right: 5px; } .main-navigation { position: relative; background-color: #f9f9f9; padding: 10px; } .hamburger { display: none; font-size: 24px; background: none; border: none; cursor: pointer; } .menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; padding: 0; margin: 0; } .menu-item.card { flex: 1 1 150px; text-align: center; padding: 10px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .menu-item.card a { text-decoration: none; color: #333; display: block; font-weight: bold; } .menu-item.card a i { margin-right: 5px; } /* Mobile: collapse menu */ @media (max-width: 768px) { .hamburger { display: block; float:right; } .menu { flex-direction: column; display: none; width: 100%; } .menu.show { display: flex; } } #folder_select { } .json-results { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease; opacity: 0; margin-left: 20px; } .json-results.open { opacity: 1; } .json-toggle { cursor: pointer; user-select: none; margin: 5px 0; display: flex; align-items: center; background-color: #a5a5e1;; } .json-toggle .chevron { width: 16px; height: 16px; margin-right: 6px; transition: transform 0.3s ease; } .json-toggle.open .chevron { transform: rotate(90deg); } .result { padding: 8px 0; border:1px solid #888; padding:2px 8px; border-radius:12px; font-size:0.85em; color:#555; } /* Truncated content wrapper */ .truncate { position: relative; max-width: 100%; } /* The content area that gets clipped */ .truncate .content { max-height: 3.6em; /* show roughly 2 lines (adjust) */ overflow: hidden; line-height: 1.8em; transition: max-height 0.25s ease; white-space: normal; } /* Expanded state */ .truncate.expanded .content { max-height: 100%; /* large enough to show full content */ } /* Toggle button (the "icon") */ .truncate .toggle { position: absolute; right: 8px; bottom: 8px; display: inline-flex; align-items: center; justify-content: center; width: 30px; border-radius: 6px; border: none; background: rgba(26,115,232,0.08); /* subtle blue bg */ color: #1a73e8; cursor: pointer; padding: 0; font-size: 14px; line-height: 1; box-shadow: 0 1px 2px rgba(0,0,0,0.06); right: 12px; bottom: 12px; top: 0px; } /* Larger screens: move icon slightly out of flow to not overlap */ /*@media (min-width: 700px) { .truncate .toggle { right: 12px; bottom: 12px; top: 0px;} }*/ /* visually-hidden text for screen readers */ .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .truncate-inner { display: block; align-items: flex-start; /* align top of text and button */ gap: 8px; /* space between text and button */ } .truncate-inner .content { flex: 1; /* take all remaining width */ max-height: 4.5em; /* collapsed height, adjust as needed */ overflow: hidden; line-height: 1.5em; max-width: 95%; } .truncate-inner .toggle { flex-shrink: 0; /* button keeps its size */ width: 30px; /* fixed width */ cursor: pointer; border: none; background: rgba(26,115,232,0.08); color: #1a73e8; border-radius: 6px; padding: 4px 6px; font-size: 16px; line-height: 1; } .form-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; margin-top: 20px; } .form-card { background: #ffffff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); } .form-card h4 { margin-top: 0; margin-bottom: 12px; font-size: 16px; } .form-card h4 small { display: block; font-size: 12px; color: #666; margin-top: 4px; } .form-card input[type="text"], .form-card input[type="file"] { width: 100%; padding: 8px; margin-bottom: 12px; } .toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; font-size: 14px; } /* Hide native checkbox */ .toggle input { display: none; } /* Switch body */ .slider { position: relative; width: 42px; height: 22px; background: #d0d0d0; border-radius: 999px; transition: background 0.2s ease; } /* Knob */ .slider::before { content: ""; position: absolute; width: 18px; height: 18px; left: 2px; top: 2px; background: white; border-radius: 50%; transition: transform 0.2s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } /* Checked state */ .toggle input:checked + .slider { background: #0d6efd; } .toggle input:checked + .slider::before { transform: translateX(20px); } /* Label text */ .toggle-label { color: #333; } .editor { height: 500px; border: 1px solid #ccc; flex: 1; } .CodeMirror { height: 100% !important; } #busyBox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; background: rgba(20,20,20,0.35); backdrop-filter: blur(3px); z-index: 9999; } .busy-content { background: #1e1e1e; color: #fff; padding: 30px 40px; border-radius: 10px; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.4); font-family: Arial, sans-serif; } .spinner { width: 40px; height: 40px; margin: 0 auto 15px auto; border: 4px solid #444; border-top: 4px solid #00bfff; border-radius: 50%; animation: spin 1s linear infinite; } .busy-text { font-size: 14px; opacity: 0.9; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .kwizmo_card-table { width: 100%; border-collapse: separate; border-spacing: 0 16px; font-family: Arial, sans-serif; } .kwizmo_card-table thead th { text-align: left; padding: 12px 16px; font-size: 13px; font-weight: 600; color: #666; border-bottom: 2px solid #e5e5e5; background: #fafafa; position: sticky; top: 0; z-index: 2; } .kwizmo_card-row td { padding: 0; border: none; background: transparent; } .kwizmo_card { background: #fff; border: 1px solid #e3e3e3; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .kwizmo_card-header { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding: 16px 20px; background: #f8f9fb; border-bottom: 1px solid #ececec; } .kwizmo_meta { display: inline-flex; flex-direction: column; min-width: max-content; flex: 0 0 auto; } .kwizmo_label { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #888; } .kwizmo_value { font-size: 14px; color: #222; font-weight: 600; } .kwizmo_card-section { border-bottom: 2px solid #f0f0f0; padding-top: 0px; padding-bottom: 0px; } .kwizmo_card-section:last-child { border-bottom: none; } .kwizmo_section-title { font-size: 13px; font-weight: 700; margin-bottom: 12px; color: #444; } .kwizmo_question { font-size: 15px; font-weight: 500; color: #222; } .kwizmo_answer-section, .kwizmo_question-section { background: #fcfcfc; padding-left: 10px; padding-right: 10px; } .kwizmo_links-section { background: #f8fbff; padding: 10px; } .kwizmo_links-section a { display: block; color: #1565c0; text-decoration: none; word-break: break-word; } .kwizmo_links-section a:hover { text-decoration: underline; } .kwizmo_truncate-inner { max-width: 100%; overflow-wrap: break-word; } /* mobile */ @media (max-width: 768px) { .kwizmo_card-header { gap: 12px; } .kwizmo_card-section { padding: 14px; } } .message-row{ display:block !important; width:100%; clear:both; margin-bottom:16px; } .message-row.ai{ text-align:left; } .message-row.me{ text-align:right; } .message-row .img_obj{ display:inline-block; vertical-align:top; margin-right:8px; } .message-row .bubble{ display:inline-block; max-width:90%; text-align:left; vertical-align:top; } /**Toggle*/ .kwizmo_card-section { position: relative; } .kwizmo_card-section .kwizmo_section-body { max-height: 2.5em; overflow: hidden; transition: max-height 0.25s ease; } .kwizmo_card-section.expanded .kwizmo_section-body { max-height: 3000px; } .kwizmo_card .toggle { margin-top: 8px; width: 30px; border: none; background: rgba(26,115,232,0.08); color: #1a73e8; border-radius: 6px; cursor: pointer; padding: 4px 6px; font-size: 16px; margin-left: 5px; } .kwizmo_card.expanded .toggle .icon { transform: rotate(180deg); display: inline-block; } .collapsible-card { position: relative; background: #fff; border: 1px solid #e6ebf2; border-radius: 14px; transform-style: preserve-3d; perspective: 1000px; transition: transform 0.28s cubic-bezier(.2,.8,.2,1), box-shadow 0.28s ease, border-color 0.28s ease;} .kwizmo_card-toggle { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: none; border-radius: 8px; background: rgba(26,115,232,0.08); color: #1a73e8; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 5; } .kwizmo_card-body { max-height: 260px; overflow: hidden; transition: max-height 0.3s ease; } .kwizmo_card.collapsible-card.expanded .kwizmo_card-body { max-height: 5000px; } .kwizmo_card.collapsible-card.expanded .toggle-icon { transform: rotate(180deg); display: inline-block; } .collapsible-card:hover { border-color: #c7d7f7; /* Lean forward effect */ transform: perspective(5000px) rotateX(1deg) translateY(-1px); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.16), 0 8px 18px rgba(15, 23, 42, 0.08); }