@charset "UTF-8"; /* * CSS * Global */ /* * COMPASS */ /* @import "compass/css3"; // no va en cowoserver, prolly por no haber instalado node.js etc ... .. ruby gems ... */ /* * 1 - RESET */ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Boilerplate * File: CSS Reset */ /* * BOX MODEL /* * { @include box-sizing(border-box); // Sass - Compass } */ /* * 2 - BOX MODEL * Universal Box Sizing - https://css-tricks.com/box-sizing/ */ /* line 24, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ *, *:before, *:after { box-sizing: border-box; } /* COWOWO CSS RESET =============================================================== */ /* line 31, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, code, img, ol, ul, li, img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /* for headings, works */ } /* body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } */ /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ ol, ul { list-style: none; } /* line 68, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ img { max-width: 100%; height: auto; /* The height is added to ensure the aspect ratio of the image is retained. */ } /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ a { background: transparent; /* Normalize.css - Remove the gray background color from active links in IE 10. */ } /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ b, strong { font-weight: bold; /* Normalize.css - Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ } /** * Address inconsistent and variable font size in all browsers. - Normalize.js ( O dont really use this tag anyways, hmmm...) */ /* line 93, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. - Normalize.css */ /* line 102, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 110, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ sup { top: -0.5em; } /* line 112, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ sub { bottom: -0.25em; } /* ========================================================================== Tables ========================================================================== */ /* TABLES */ /** * Remove most spacing between table cells. (Nomalize.css & Eric Meyer's Reset) */ /* line 127, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* * CSS * Reset - form elements */ /* ====================================================================================================================== */ /* FORMS */ /* ====================================================================================================================== */ /* INFO FRAMWEORK INPUT HOVER FOCUS ACTIVE ETC ---- Write CSS? Please don't forget to add :focus and :active styles along with :hover. :focus is important for keyboard and d-pad users. Iinput ytops _ HOVER & FOCUS ar now ok in my framework (and infoOD & fart be) BUT DSOES ACTIVE still apply to input typoes?????? */ /* FORMS - iOS etc RESET ======================================= */ /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset_forms.scss */ input[type=text], input[type=submit], input[type=reset], input[type=button], input[type=image], textarea, select { -webkit-appearance: none; /* VIP - to override al i.e. iOS safari stryling */ border-radius: 0px; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset_forms.scss */ input[type=text], textarea { width: 100%; } /* line 44, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset_forms.scss */ input[type=text], textarea { border: none; } /* line 49, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset_forms.scss */ label, input[type="submit"], input[type="button"], button { cursor: pointer; } /* oveflow:hidden; VS clearfix hack VS float:inline-block with font-size issues..... */ /* I USE overflow:hidden, hwich works the same, UNLESS YOU GET FUCKED UP BY DELETED OVERFLOWING CONTENT. view-source:http://mattbango.com/demos/hover-zoom/ http://css-tricks.com/snippets/css/clear-fix/ /// to avoid cleafix hack, use display inline block, and then add the vertcal align top.. but ther's the sapcing issue too... several ways to fix that */ /* FORM NORTMALIZE.CSS */ /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset_forms.scss */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_reset_forms.scss */ textarea { resize: vertical; /* HAY QUE CONFIGURARLO !!!! */ } /* * Author: Carl Johansson @carlwebdev * Project: cowo-Boilerplate * File: CSS Base */ /* line 7, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/1-reset/_base.scss */ html { scroll-behavior: smooth; } /* * 2 - VARIABLES */ /* * CSS * Variables - Colors */ /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-variables/_colors.scss */ :root { --color-bg-blue-dark: #094f66; --color-bg-red: #EE2E2D; --epic-color-blue: #4569AB; --epic-color-purple: #84207C; --epic-bg-color-alt: #C4CA4F; --epic-color-green: #86A83E; --epic-color-red: #C32E2F; --epic-color-gray: #9E9D9C; --epic-bg-color-grey: #f0f3f8; --c-black: #000; --c-white: #fff; --c-title: var(--c-black); --c-text: var(--epic-color-gray); } /* * SASS - VARIABLES - Colors */ /* GENERIC COLORS */ /* black */ /* line 89, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-variables/_colors.scss */ :root { --c_bg_grey_epic: #F3F3F3; --c_bg_test: #f06; --c_white: #fff; /* white */ } /* * CSS * Variables - Font size */ /* * CSS * Variables - Font Sizes */ /* line 22, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-variables/_font_sizes.scss */ :root { --fs-header-mega: 44px; --fs-text: 18px; --fs-subtext: 15px; --fs-text-highlighted: 24px; --fs-card-title: 21px; --fs-specs: 14px; } /* * CSS * Variables - Spacings */ /* * SASS - VARIABLES - LAYOUT - SPACING */ /* * CSS * Variables - Break-Points */ /* * SASS - VARIABLES - LAYOUT - BREAK-POINTS */ /* * 2 - SASS - LAYOUT sass */ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Boilerplate * File: Sass - Layout */ /* * FALLBACKS using Sass */ /* CREATE MIXIN for rem fontsize and px fallback solution */ /* FALLBACK for background opacity */ /* line 61, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ #asfgasafasf { background: #ccc; /* Fall-back for brosers that don't support opacity */ background: rgba(204, 204, 204, 0.85); } /* */ /* // MIXIN FOR LINE CLAMP display: -webkit-box; // -webkit-line-clamp: 3; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; */ /* FUNCTIONS */ /* SPACINGS */ /* * SASS - MIXINS - LAYOUT - RESPONSIVE */ /* * SASS - MIXINS - LAYOUT - PADDING */ /* * SASS - MIXINS - LAYOUT - MARGIN */ /* * SASS - MIXINS - IMAGES */ /* * SASS - MIXINS - IMAGES - ASPECT RATIOS */ /* * SASS - MIXINS - SIMPLE SHAPES */ /* * SASS - MIXINS - TEXT */ /* START - CLEARFIX */ /* apply clearfix to parent */ /* line 229, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .clearfix:after, nav.main ul.menu:after, .pagination:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* line 237, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ * html .clearfix, * html nav.main ul.menu, nav.main * html ul.menu, * html .pagination { zoom: 1; } /* IE6 */ /* line 238, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ *:first-child + html .clearfix, *:first-child + html nav.main ul.menu, nav.main *:first-child + html ul.menu, *:first-child + html .pagination { zoom: 1; } /* IE7 */ /*/END - CLEARFIX */ /* oveflow:hidden; VS clearfix hack VS float:inline-block with font-size issues..... */ /* I USE overflow:hidden, hwich works the same, UNLESS YOU GET FUCKED UP BY DELETED OVERFLOWING CONTENT. view-source:http://mattbango.com/demos/hover-zoom/ http://css-tricks.com/snippets/css/clear-fix/ /// to avoid cleafix hack, use display inline block, and then add the vertcal align top.. but ther's the sapcing issue too... several ways to fix that */ /* FUNCTIONS */ /* * 3 - BRANDING RESET - REQUIRES ACCENT COLOR TO BE DEFINED ... */ /* * CSS * Branding reset - use the site's qaccent color to personalize some features */ /* * STYLE IMPLEMENTATIONS * * 1 - (text) selection * 2 - caret (input) - chekc del historial css tricks... * 3 - marker (li) - copy form moss * next thinsg to add: hr .. & now also checjkboxes & radio button s??? & details / summary & dt, dl... just sth, a reminder of sorts.... for htmleditror or just ordinary basic css stylings for the templates */ /* * 1 - (TEXT) SELECTION */ /* line 49, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-branding-reset/_branding_reset.scss */ ::-moz-selection { /* Code for Firefox */ background-color: #117191; color: white; } /* line 52, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-branding-reset/_branding_reset.scss */ ::selection { background-color: #117191; color: white; } /* * 2 - caret (input) */ /* input, textarea { caret-color: $c_accent; // does it apply only to the line ????? } */ /* * 3 - marker (li) */ /* li::marker { // color: blue; // TEST color: $c_accent; // TEST // font-size: 1.2em; // ?? para el size???? } */ /* * SCROLLBARS - VERT & CHECK HORIZONATLM, AROUND TABLES !! CON LO DE L ACLASE DE TABLE WRAPPER , W_TABLE, ... .TABLE ... * * YES IN CHROME, NOT IN FIREFOX ... */ /* ::-webkit-scrollbar { // the bar itseld // width: 2em; // APPLIES TO VERTICAL SCROLLBAR width: 1em; // APPLIES TO VERTICAL SCROLLBAR - make it less massive ... height: 1em; // APPLIES TO HORIZONTAL SCROLLBAR - test with table RWD - OK, BUYT SOME MARGIN TOP WOULD BE NICE... // test // background: $c_complementary; background: $c_black; // } ::-webkit-scrollbar-track { // THE BACKGROUND OF THE SCROLLBAR // background: hsl(120 75% 50% / 1); // background: hsl(120 75% 50%); // background: $c_accent; // chenag for a lighter verison of the acent color, so build it with variable sfirts // background: $c_accent_light; // chenag for a lighter verison of the acent color, so build it with variable sfirts background: $c_divider; // chenag for a lighter verison of the acent color, so build it with variable sfirts border-radius: 100vw; // THE TRICK margin-block: 0.5em; // SHORTHAND FOR TOP & BOTTOM } ::-webkit-scrollbar-thumb { // THE MOVABLE SECTION OF THE SCROLLBAR // background: hsl(120 100% 20% / 1); // background: hsl(120 100% 20%); // background: $c_accent_light; // background: $c_accent; background: $c_text_2; // border: 0.25em solid hsl(120 75% 50% / 1); // border: 0.25em solid hsl(120 75% 50%); // border: 0.25em solid $c_accent_light; // TRICK, TO MAKE IT LOOK LIKE A PADDING FORM THE OUTSIDE INWARDS border: 0.25em solid $c_divider; // TRICK, TO MAKE IT LOOK LIKE A PADDING FORM THE OUTSIDE INWARDS border-radius: 100vw; } ::-webkit-scrollbar-thumb:hover { // background: hsl(120 100% 10% / 1); // background: $c_accent_dark; background: $c_text; } // or use some blues... */ /* * 2 - STYLING */ /* * CSS * ---- */ /* * 3 - TYPOGRAPHY */ @font-face { font-family: 'fontello'; src: url("../../iconfont/fontello-bea7ceec/fontello/font/fontello.eot?63460589"); src: url("../../iconfont/fontello-bea7ceec/fontello/font/fontello.eot?63460589#iefix") format("embedded-opentype"), url("../../iconfont/fontello-bea7ceec/fontello/font/fontello.woff2?63460589") format("woff2"), url("../../iconfont/fontello-bea7ceec/fontello/font/fontello.woff?63460589") format("woff"), url("../../iconfont/fontello-bea7ceec/fontello/font/fontello.ttf?63460589") format("truetype"), url("../../iconfont/fontello-bea7ceec/fontello/font/fontello.svg?63460589#fontello") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?63460589#fontello') format('svg'); } } */ /* line 22, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* line 57, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-phone:before { content: '\e800'; } /* '' */ /* line 58, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-mail:before { content: '\e801'; } /* '' */ /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-user:before { content: '\e802'; } /* '' */ /* line 60, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-search:before { content: '\e803'; } /* '' */ /* line 61, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-book-open:before { content: '\e804'; } /* '' */ /* line 62, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-twitter-x:before { content: '\e80c'; margin-left: -0.2em; } /* '' */ /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-twitter:before { content: '\f099'; } /* '' */ /* line 64, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-menu:before { content: '\f0c9'; } /* '' */ /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-linkedin:before { content: '\f0e1'; } /* '' */ /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-youtube-play:before { content: '\f16a'; } /* '' */ /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-flickr:before { content: '\f16e'; } /* '' */ /* line 68, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-skype:before { content: '\f17e'; } /* '' */ /* line 69, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_iconfont_fontello_cww_epic_v2.scss */ .icon-file-pdf:before { content: '\f1c1'; } /* '' */ /* * Author: Carl Johansson @carlwebdev * Project: wp-cowowo * File: Typography */ /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typography.scss */ blockquote { border-left: 3px solid #999; background-color: #ccc; padding: 12px; } /* TEXT: GENERAL TYPOGRAPHY ======================== */ /* * FONTS - FONT-FACE */ /* You can't use font collections for CSS @font-face declarations as the purpose of this syntax is to, unambiguiously, specify which single font resource must be used by the browser when you specify some combination of font-{family, weight, style, etc} in your actual page CSS. Specifying a font collection makes this impossible: there is no syntax to specify which font inside that collection you would need, so ttc are not supported by design. Extract the individual font assets you need (if legally allowed!) and then be explicit about which single font you need for which single @font-face declaration. And remember that this is possible: */ /* @font-face { font-family: myfont; font-weight: normal; src: url('that-font-I-like-Regular.woff') format('WOFF'); } @font-face { font-family: myfont; font-weight: bold; src: url('that-font-I-like-Bold.woff') format('WOFF'); } */ @font-face { font-family: Avenir; font-weight: normal; src: url("../fonts/avenir-book/Avenir-Book-01.ttf") format("TTF"); } /* @font-face { font-family: myfont; font-weight: normal; src: url('that-font-I-like-Regular.woff') format('WOFF'); } */ @font-face { font-family: Avenir; font-weight: normal; src: url("../fonts/avenir-book/Avenir-Book-01.ttf") format("WOFF"); } @font-face { font-family: Avenir; font-weight: bold; src: url("../fonts/avenir-heavy/Avenir-Heavy-01.ttf") format("TTF"); } @font-face { font-family: Avenir; font-weight: bold; src: url("../fonts/avenir-heavy/Avenir-Heavy-05.ttf") format("WOFF"); } /* * SASS - VARIABLES - FONTS - "IMPORT" GOOGLE FONTS */ /* * ARIAL */ /* // ideas de font size y line height body{ font-size:100%; line-height: 1.5; } */ /* line 155, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typography.scss */ body { font-family: Arial, sans-serif; color: #212121; font-size: 16px; /* line-height: $baseSpacing; */ } /* line 163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typography.scss */ a, a:visited, a:hover { color: inherit; text-decoration: none; color: #212121; /* VS color: inherit */ } /* line 173, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typography.scss */ p { margin-bottom: 24px; } /* line 182, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typography.scss */ h1, h2 { font-weight: 300; } /* Typography - Headers ======================== */ /* h1, h2, h3, h4, h5, h6 { margin: 10px 0 5px 0; // font-family: Arial, Helvetica, sans-serif; font-family: Tahoma, Geneva, sans-serif; font-weight : normal; margin-top: 0px; // letter-spacing: -1px; } h1 {font-size: 32px;} h2 {font-size: 28px;} h3 {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;} */ /* h1 { font-size:4rem; // font-family: Arial, Helvetica, sans-serif; line-height:1.4; color:#000; margin-bottom:0.2em; } h2 { font-size:2.5rem; line-height:1.2; color: #222; margin-bottom:.5em; margin-top:.5em; } h3 { font-size : 1.75rem; line-height : 1.3; color: #333; margin-bottom : 0.3em; letter-spacing: -1px; } h4 { font-size:1.5rem; line-height:1.25; color:#444; margin-bottom:0.5em; } h5 { font-size:1.25rem; color:#555; margin-bottom:1.25em; } h6 { // font-size:1rem; color:#666; font-size: $fontsizeMedium; } */ /* TEXT: ANCHORS ======================== */ /* line 261, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typography.scss */ a { /*color : #cc1122; */ /* -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; */ } /* a:visited {color:#ee3344; } a:focus {outline:thin dotted; color:rgb(0,0,0);} a:hover, a:active {outline:0; color:#dd2233;} */ /** Text / TEXT FORMAT **/ /* b, strong, .s {font-weight: bolder;} // VS bold ... i, em, .i {font-style: italic;} */ /* TEXT - PARAGRAPHS ======================== */ /* and do sth perhaps for p's firts line and first word stufff */ /* CSS HYPHENATION */ /* p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } */ /* ADD CODE, PRE, SMAPEL, XMP ETC ETC ETC */ /* CSS FILE FOR TYPOGRAPHYS... h headings p .... then, cursive pre/code stuff superscript, subscript ewtc */ /* * CSS * File: TYPOGRAPHY - HTML-EDITOR */ /* line 7, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor { /* &.case_dark { // background-color: $c_black_2; // TEMP background-color: #252525; color: $c_white; a {color: inherit;} // TEST } */ /* h2 { // se usa en legalpages !!! was font-size: 28px; margin-top:24px; margin-bottom:24px; } h3 { // se usa en legalpages !!! was font-size: 20px; // color: #f00; margin-top:24px; // margin-bottom:12px; margin-bottom:6px; // color: $c_blue; } */ /* * LISTS - have a system ti unset or re-initialize tyhe list ioptioon s!!!! */ /* * MEDIA INSERTADO EN EL HTMLEDITOR */ } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor h1 { font-size: 32px; margin-top: 24px; margin-bottom: 24px; } /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor h2 { font-size: 28px; margin-top: 24px; margin-bottom: 18px; } /* line 51, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor h3 { font-size: 24px; margin-top: 24px; margin-bottom: 6px; margin-bottom: 12px; } /* line 61, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor h4 { font-size: 20px; margin-top: 24px; margin-bottom: 36px; margin-bottom: 12px; } /* line 68, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor h5 { font-size: 18px; margin-top: 24px; margin-bottom: 6px; } /* line 74, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor h6 { font-size: 16px; margin-top: 24px; margin-bottom: 6px; } /* line 82, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor p { margin-bottom: 12px; } /* line 89, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor a { font-weight: bold; } /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor a:hover { text-decoration: underline; } /* line 126, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor ul, .m_htmleditor ol { margin-left: 24px; margin-bottom: 24px; } /* line 143, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor ul { list-style: disc; } /* line 150, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor ol { list-style-type: decimal; } /* line 156, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor li::marker { color: #117191; } /* line 161, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor ol li::marker { font-weight: bold; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor li { margin-bottom: 12px; /* position: relative; &::before { // content: '°'; // poner el dot,m con font size etc // content: '°'; // poner el dot,m con font size etc // content: '•'; // poner el dot,m con font size etc // content: '\U+2022'; // poner el dot,m con font size etc content: '•'; // poner el dot,m con font size etc position: absolute; left: -24px; // THIS SHOULD BE A VARIABLE color: $c_text_blue; // COLOR DEL DOT, BLUE, RED, ETC ... font-size: 24px; // TEST line-height: 0.9em; // background-color: grey; // border-radius: 50%; } // before */ } /* line 194, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor li ul, .m_htmleditor li ol { margin-top: 12px; margin-bottom: 12px; } /* line 235, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor img { margin-top: 48px; margin-bottom: 48px; } /* line 243, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor iframe { width: 100%; margin-top: 48px; margin-bottom: 48px; } /* line 256, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_htmleditor dd { margin-bottom: 12px; color: #117191; font-weight: bold; } /* line 283, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_link { margin-top: 24px; } /* line 289, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_link a { display: inline-block; } @media only screen and (max-width: 568px) { /* line 283, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/3-typography/_typopgraphy_htmleditor.scss */ .m_link { text-align: center; } } /* @import "3-typography/typography_BULLSHIT"; */ /* * 4 - BUTTONS (after colors & typography, but before forms) */ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Boilerplate * File: Buttons */ /* MIXINS FOR EPIC WEBSITE */ /* line 12, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .member_form_download .link a, .cta_become_a_member .links a.main, .pseudo_table_resources .td a, .m_hero .item .content .content_inner .link a, .m_home_events .w_gridEventsHome .item:first-of-type .link a, .m_home_features .item .link a, .grid_marketing_assets .item .button a, .item_marketing_asset .button a, .m_home_become_a_member.case-did-you-know .link a, .m_home_become_a_member .link a, .m_home_become_a_member_new .link a, .m_listInitiatives .item .info .m_button a { color: white; display: inline-block; padding: 18px 48px; font-size: 16px; text-decoration: none; /* position: relative; &::after { content: ''; // background-color: white; // STYLE FOR THE BUTTON CASE height: 4px; position: absolute; width: 100%; // bottom: -6px; bottom: -8px; left: 0px; // @include transition(all, 0.2s); // transition: all 0.2s linear 1s; transition: all 0.2s linear; } // after &:hover { &::after { // height: 2px; bottom: 0px; } // after } // hover */ } /* line 69, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_home_become_a_member .link a { background-color: #117191; } /* line 72, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_home_become_a_member .link a::after { background-color: white; } /* line 80, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_home_events .w_gridEventsHome .item:first-of-type .link a { background-color: #EE2E2D; } /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_home_events .w_gridEventsHome .item:first-of-type .link a::after { background-color: #117191; } /* line 91, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .member_form_download .link a, .m_home_features .item .link a, .m_home_become_a_member.case-did-you-know .link a { background-color: #117191; } /* line 94, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .member_form_download .link a::after, .m_home_features .item .link a::after, .m_home_become_a_member.case-did-you-know .link a::after { background-color: #EE2E2D; } /* BELONGS HERE IN FORMS IN RESET FILE / class="css_submit_button" */ /* USE css style for submit button (input) inseide generic_links */ /* line 108, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .css_submit_button { cursor: pointer; border: none; border: 2px solid #000; padding: 0.2rem 0.5rem; background-color: #bdbec0; /* GRISACEO */ font-family: 'Antonio', sans-serif; font-weight: bold; font-size: 1.25rem; color: #000; } /* line 117, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .css_submit_button:hover { background-color: #000; color: #0d80a1; } /* line 119, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ input[type="submit"].css_submit_button:disabled { background: #dddddd; color: #F00; cursor: default; } /* do sass for colors, and for interactiuon behaviours - UI */ /* do sass for interactiuon behaviours - UI */ /* UI ELEMENTS / move to buttons file ================================================================================== */ /* line 187, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonStyleX { background-color: #117191; } /* line 191, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonStyleX:hover { background-color: #094f66; } /* line 208, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_buttonGroup a.case-join, .w_search .dropdown_search .button.case-main, .w_profile .dropdown_login .button.case-main, .test_submit input[type=submit], .fake_submit a, .w_single_event .mainSpecs_2 .buttonBuy a, .card_annual_report .link a, .item_marketreport .link a, .item_marketing_asset .link a, .m_initiatives .m_button a, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { background-color: var(--epic-color-blue); } /* line 214, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_buttonGroup a.case-join:hover, .w_search .dropdown_search .button.case-main:hover, .w_profile .dropdown_login .button.case-main:hover, .test_submit input:hover[type=submit], .fake_submit a:hover, .w_single_event .mainSpecs_2 .buttonBuy a:hover, .card_annual_report .link a:hover, .item_marketreport .link a:hover, .item_marketing_asset .link a:hover, .m_initiatives .m_button a:hover, .woocommerce button.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover { background-color: var(--epic-color-purple); } /* line 223, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonSmall, .w_single_event .w_textGroups .item .text.case_buttons a, .card_result .info .link a, a.return_from_checkout, a.return, .buttonMedium, input[type=submit], input[type=reset], button, ._form_6 form button#_form_6_submit._submit[type="submit"], ._form_6 form#_form_65CDFA6A5CE88_ button#_form_6_submit._submit[type="submit"], form#_form_65CDFA6A5CE88_ button#_form_6_submit._submit[type="submit"], button.return_from_checkout, .buttonBig, .woocommerce div.product form.cart .button { cursor: pointer; transition: all 0.2s linear; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; color: #fff; /* LAYOUT RELATED - SHOULDN'T BE HERE !!! */ /* float:left; clear:left; margin-bottom: $spacing; */ } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonSmall:hover, .w_single_event .w_textGroups .item .text.case_buttons a:hover, .card_result .info .link a:hover, a.return_from_checkout:hover, a.return:hover, .buttonMedium:hover, input:hover[type=submit], input:hover[type=reset], button:hover, ._form_6 form button#_form_6_submit._submit:hover[type="submit"], form#_form_65CDFA6A5CE88_ button#_form_6_submit._submit:hover[type="submit"], .buttonBig:hover, .woocommerce div.product form.cart .button:hover { background-color: var(--epic-color-purple); color: white; } /* line 239, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonSmall, .w_single_event .w_textGroups .item .text.case_buttons a, .card_result .info .link a, a.return_from_checkout, a.return { font-size: 12px; padding: 6px; border-radius: 3px; } /* line 249, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonMedium, input[type=submit], input[type=reset], button, ._form_6 form button#_form_6_submit._submit[type="submit"], ._form_6 form#_form_65CDFA6A5CE88_ button#_form_6_submit._submit[type="submit"], form#_form_65CDFA6A5CE88_ button#_form_6_submit._submit[type="submit"], button.return_from_checkout { font-size: 16px; padding: 3px 24px; } /* line 260, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .buttonBig, .woocommerce div.product form.cart .button { font-size: 20px; padding: 12px 24px; border-radius: 6px; } /* line 275, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_buttonGroup a.case-join, .w_search .dropdown_search .button.case-main, .w_profile .dropdown_login .button.case-main, .test_submit input[type=submit], .fake_submit a, .w_single_event .mainSpecs_2 .buttonBuy a, .card_annual_report .link a, .item_marketreport .link a, .item_marketing_asset .link a, .m_initiatives .m_button a, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { display: block; padding: 12px 12px; text-align: center; font-size: 22px; color: var(--c_white); } /* line 285, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_buttonGroup a.case-login, .w_search .dropdown_search .button.case-aside, .w_profile .dropdown_login .button.case-aside, .w_gridMonthlyReports .item .link a { display: block; padding: 12px 12px; text-align: center; font-size: 22px; font-weight: bold; color: #117191; border: 2px solid #117191; } /* line 301, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_buttonGroup a.case-login:hover, .w_search .dropdown_search .button.case-aside:hover, .w_profile .dropdown_login .button.case-aside:hover, .w_gridMonthlyReports .item .link a:hover { background-color: #117191; color: var(--c_white); } /* MUST BE CALLED BEFORE FORMS, AS CERTAIN FOMR ELEMENTS CALL BUTOTN STYLES */ /* * 5 - DEV ( & DEMO) PURPOSES ONLY */ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Boilerplate * File: Dev temp stuff */ /* line 25, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/5-dev/_dev.scss */ .dev_hide { display: none !important; } /* * 6 - FORMS */ /* * cowoBoilerplate * Built by cowowo.cat * Author: Carl Johansson @carlwebdev * Project: XXX * File: Forms * Filename: _forms_layout.scss */ /* line 16, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .wp_searchBox form { display: flex; } /* line 21, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .wp_searchBox label { flex-grow: 1; } /* line 25, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .wp_searchBox input[type=search] { /* border-top-left-radius: 24px; border-bottom-left-radius: 24px; */ min-width: 20em; } /* line 42, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .wp_searchBox input[type=submit] { /* border-top-right-radius: 24px; border-bottom-right-radius: 24px; */ /* padding-left: $spacing075; padding-right: $spacing; // TEST */ /* font-weight: bold; @include a_ui_default; */ transition: all 0.2s linear; } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .wp_searchBox input[type=submit]:hover { background-color: red; } /* * FORM_COMPACT - POSITIONING AGNOSTIC * SEARHC IN PAGE MARKETS & SIGN UP TO NEWSLETTER IN FOOTER */ /* line 101, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact form { display: flex; } /* line 115, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact form input[type=text] { width: auto; flex-shrink: 3; /* default 1 */ flex-grow: 3; /* default 1 */ } /* line 123, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact form input[type=submit] { width: auto; } /* line 157, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact_cf7 form { display: flex; /* input[type=text] { width: auto; // algo ??? // order: 1; // nada flex-shrink: 3; // default 1 flex-grow: 3; // default 1 // OK, DID IT } */ } /* line 162, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact_cf7 form .formLine { margin-bottom: unset; } /* line 188, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact_cf7 form input[type=email] { flex-shrink: 3; /* default 1 */ flex-grow: 3; /* default 1 */ } /* line 198, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_compact_cf7 form input[type=submit] { width: auto; width: 100%; padding-block: 12px; padding-bottom: 11px; } /* line 264, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .labelRow { margin-bottom: 3px; display: flex; justify-content: space-between; align-items: center; } /* line 270, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .labelRow a { font-size: 14px; color: #117191; } /* line 273, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .labelRow a:hover { text-decoration: underline; } /* line 279, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .submitRow { margin-top: 18px; display: flex; justify-content: space-between; align-items: center; } /* line 287, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .submitRow span { font-size: 14px; } /* line 291, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .submitRow a { font-weight: bold; font-size: 14px; color: #117191; } /* line 295, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .submitRow a:hover { text-decoration: underline; } /* line 309, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form input[type=submit] { padding: 18px 24px; width: 40%; } @media only screen and (max-width: 568px) { /* line 325, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form input[type=submit] { width: 100%; } /* line 333, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .submitRow { /* display: flex; justify-content: space-between; align-items: center; */ flex-direction: column; } /* line 345, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .m_form_standard form .submitRow span { margin-top: 12px; } } /* line 375, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ form { /* max-width:400px; @include centered; */ } /* SASS PARTIAL - FORM LAYOUTS is not the ame as form elements */ /* line 400, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .formLine { overflow: hidden; /* if submit is floated (right)) */ margin-bottom: 24px; } /* line 403, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_layout.scss */ .formLine:last-of-type { margin-bottom: 0px; } /* * cowoBoilerplate * Built by cowowo.cat * Author: Carl Johansson @carlwebdev * Project: XXX * File: Forms * Filename: _forms.scss */ /*the container must be positioned relative:*/ /* line 14, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .custom-select { position: relative; font-family: Arial; } /* line 19, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .custom-select select { display: none; /*hide original SELECT element:*/ } /* line 23, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-selected { background-color: #117191; } /*style the arrow inside the select element:*/ /* line 29, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } /*point the arrow upwards when the select box is open (active):*/ /* line 41, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } /*style the items (options), including the selected item:*/ /* line 47, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-items div, .select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; /* border-left: 1px solid black; border-right: 1px solid black; */ cursor: pointer; user-select: none; } /*style items (options):*/ /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-items { position: absolute; background-color: #ccc; top: 100%; left: 0; right: 0; z-index: 99; } /*hide the items when the select box is closed:*/ /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-hide { display: none; } /* line 87, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } /* ====================================================================================================================== */ /* FORMS */ /* ====================================================================================================================== */ /* INFO FRAMWEORK INPUT HOVER FOCUS ACTIVE ETC ---- Write CSS? Please don't forget to add :focus and :active styles along with :hover. :focus is important for keyboard and d-pad users. Iinput ytops _ HOVER & FOCUS ar now ok in my framework (and infoOD & fart be) BUT DSOES ACTIVE still apply to input typoes?????? */ /* * FORM ELEMENTS */ /* line 132, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ label { color: #727272; font-size: 14px; font-weight: bold; /* display: inline-block; margin-bottom: $spacing0125; */ cursor: pointer; /* for lables triggering checkboxes and radio buttons :-) */ } /* line 158, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .select2-container--default .select2-selection--single { /* background-color: #fff; */ /* border: 2px solid #aaa; */ /* border-radius: 4px; */ border: 1px solid #999; box-shadow: 0px 0px 2px #117191; border-radius: unset !important; font-size: 14px; } /* line 174, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ ul.select2-results__options { font-size: 14px; } /* line 180, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ .wc_payment_methods fieldset { border-width: 0px !important; } /* form.checkout p:first-of-type { // border: 3px solid red; } */ /* line 193, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ form.checkout p:first-of-type br { display: none; /* */ } /* line 204, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=range] { width: 100%; } /* line 208, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], textarea, select, input[type=file] { width: 100%; /* border: 1px solid #999; // TEST // outline:1px solid $c_text_blue; box-shadow: 0px 0px 2px $c_text_blue; */ border: 1px solid black; } /* line 236, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ select { padding: 12px 24px; background-color: #117191; color: white; font-weight: bold; padding: 12px 24px; } /* line 253, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ select:hover { background: #094f66; /* border: 1px solid #D3D3D3; */ } /* line 258, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ select:focus { outline: none; /* VIP */ background-color: #117191; } /* line 273, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ option { display: block; padding: 12px 24px; background-color: #117191; color: white; font-weight: bold; } /* line 302, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], textarea { padding: 12px 18px; } /* line 318, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=submit], input[type=reset] { border: none; } /* input[type=reset] { @extend .buttonSmall; } */ /* UI * FOCUS and ANIMATIONS + */ /* line 346, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], select, textarea { transition: all 0.2s linear; } /* UI * HOVER must be before ACTIVE */ /* line 359, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=text]:hover, input[type=search]:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover, textarea:hover { background: #f0f3f8; /* border: 1px solid #D3D3D3; */ } /* UI * ACTIVE must be after HOVER */ /* line 374, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements.scss */ input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus { outline: none; /* VIP */ background-color: #fff; border: 1px solid #117191; } /* & meter lo de los checkboxes !!!!!!!!!!!!!!!!!!!!!! */ /* ADD ALSO PLACEHOLDER TEXT THINGEES !!!!!!!!! */ /* UI * DISABLED FORM ELEMENTS */ /* * cowoBoilerplate * Built by cowowo.cat * Author: Carl Johansson @carlwebdev * Project: XXX * File: Forms * Filename: _forms.scss -curoms, form w3scools, simple - checkbox, radio - y lo que tenai en jobs de inut type file, etce etcetec!"!!!" */ /* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp How To Create a Custom Radio Button */ /* Customize the label (the container) */ /* line 21, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .container_radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ /* line 35, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .container_radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* The animation code */ /* @keyframes example { from {background-color: red;} to {background-color: yellow;} } */ /* The element to apply the animation to */ /* div { width: 100px; height: 100px; background-color: red; animation-name: example; animation-duration: 4s; } */ /* The animation code */ /* */ @keyframes radioPulse { /* from {outline-width: 6px;} to {outline-width: 1px;} */ /* 0% { outline-width: 6px; } 50% { outline-width: 1px;} 100% { outline-width: 6px; } */ 0% { border-width: 6px; } 50% { border-width: 1px; } 100% { border-width: 6px; } } /* The element to apply the animation to */ /* div { animation-name: radioPulse; animation-duration: 4s; } */ /* Create a custom radio button */ /* line 104, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .checkmark { position: absolute; top: 0; left: 0; /* height: 25px; width: 25px; */ /* height: 31px; width: 31px; */ height: 32px; width: 32px; /* background-color: #eee; */ background-color: white; border-radius: 50%; /* added outline */ /* outline: 6px solid $c_text_blue; */ border: 6px solid #117191; /* &.is-waiting { animation-name: radioPulse; // animation-duration: 4s; animation-duration: 2s; // animation-duration: 1s; // cleanest but would beedn dual way animation-iteration-count: infinite; animation-timing-function: ease; } */ } /* line 164, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .checkmark.is-not-waiting { animation-name: radioPulse; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease; } /* On mouse-over, add a grey background color */ /* line 184, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .container_radio:hover input ~ .checkmark { background-color: #B6B6B6; } /* When the radio button is checked, add a blue background */ /* line 191, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .container_radio input:checked ~ .checkmark { background-color: #117191; } /* Create the indicator (the dot/circle - hidden when not checked) */ /* line 197, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .checkmark:after { /* content: ""; position: absolute; display: none; */ } /* line 206, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .checkmark:after { content: ""; position: absolute; /* */ display: none; } /* Style the indicator (dot/circle) */ /* .container_radio .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; // background: white; background: $c_text_blue; } */ /* Show the indicator (dot/circle) when checked */ /* line 229, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .container_radio input:checked ~ .checkmark:after { display: block; /* background: white; */ /* outline-width: 3px !important; */ border-width: 3px !important; } /* Style the indicator (dot/circle) */ /* line 249, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_elements_custom.scss */ .container_radio .checkmark:after { /* */ /* top: 9px; left: 9px; */ top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } /*

Custom Radio Buttons

*/ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Boilerplate * File: Forms - file button hack */ /* * FORM HACKS - input image / checkbox / select // SEEK AND DESTROOOY! - no creo que esté siendo usado en este cms, pspaaad !!! */ /* FORM - label covering input[type=file] */ /* HTML FOR THIS: */ /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_filebutton.scss */ label.filebutton { display: inline-block; margin-top: 1px; position: relative; overflow: hidden; height: 32px; padding: 6px 12px; color: #fff; font-size: 12px; text-transform: uppercase; background-color: #999; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_filebutton.scss */ label.filebutton span input { cursor: pointer; /* _cursor: hand; */ z-index: 999; position: absolute; /* top: -2px; */ top: -4px; left: -9999px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; } /* FRAMEWORK - input type image */ /* input[type=file] & label trick */ /* THE HTML */ /* line 84, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_filebutton.scss */ label.filebutton_NOT { width: 120px; height: 40px; overflow: hidden; position: relative; background-color: #fff; border: 1px solid #ccc; padding: 0 5px; } /* line 93, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_filebutton.scss */ label.filebutton_NOT:hover { background-color: #ddd; } /* line 97, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/6-forms/_form_filebutton.scss */ label_NOT span input { z-index: 999; line-height: 0; /* font-size: 50px; */ font-size: 15px; position: absolute; /* top: -2px; */ top: -4px; /* left: -700px; */ left: -245px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; cursor: pointer; /* _cursor: hand; */ margin: 0; padding: 0; } /* END OF - FORM - label covering input[type=file] */ /* * 7 - TABLES */ /* @import "7-tables/tables"; */ /* * 8 - LAYOUT */ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Reset * File: Layout */ /* line 10, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grecaptcha-badge { visibility: hidden; } /* line 25, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_pageTitle { /* h1 */ font-size: 28px; padding-block: 24px; } /* line 36, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other { /* column-count: 3; // column-gap: 24px; // TEST column-gap: 32px; // TEST */ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } /* line 57, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other .item a { display: flex; align-items: center; gap: 18px; color: #117191; background-color: var(--c_white); transition: all 0.2s linear; } /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other .item a:hover { /* background-color: $c_text_blue; color: $c_white; */ text-decoration: underline; } /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other .item a .image { display: none; flex-shrink: 0; width: 92px; height: 92px; border-radius: 50%; border: 3px solid #117191; overflow: hidden; } /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other .item a .image img { width: 100%; display: block; } /* line 92, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other .item a .title { font-size: 16px; font-weight: bold; /* a { display: block; padding: 12px 24px; color: inherit; background-color: $c_white; // PRECAUTION @include transitionGeneral; &:hover { // text-decoration: underline; background-color: $c_text_blue; color: $c_white; } } // a */ } @media only screen and (max-width: 1024px) { /* line 36, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other { /* column-count: 2; column-gap: $spacing;; // TEST .item { margin-bottom: $spacing; // SAME AS FRAMES HORIZONTAL PADDING } // item */ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 568px) { /* line 36, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .grid_other { /* column-count: 1; // column-gap: 24px; // TEST .item { // margin-bottom: $spacing; // SAME AS FRAMES HORIZONTAL PADDING } // item */ grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* line 172, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_twitter_member_news { color: #5C6165; } /* line 179, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_twitter_member_news a { color: #117191; text-decoration: none; } /* line 185, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_twitter_member_news a:hover { text-decoration: underline; } /* line 210, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ html { background-color: var(--epic-color-blue); } /* line 216, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.section { background-color: white; } /* hides the header shadow !!!AND FUCKS UOP THE FOOTER - SO MAKE IT DESFAULT IN THE FOOTER */ /* * CODE FOR RESPONSIVE STICKY FOOTER * Instructions: class "block" to footer */ /* line 226, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ html, body { height: 100%; } /* line 229, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ #page { /* display: table; */ min-height: 100%; width: 100%; /* VIP for responsiveness */ } /* .stickyFooter { // WAS blFRAock display: table-row; height: 1px; } */ /* line 255, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ body { color: var(--c-text); } /* line 262, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ #page { /* PLACEHOLDER */ } /* header, footer { // background-color: $c_bg_red; background-color: #CCC; } */ /* line 279, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ header { background-color: var(--epic-color-blue); } /* WIDTHS */ /* line 301, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame { /* display: block; */ margin-left: auto; margin-right: auto; min-width: 320px; padding-left: 24px; padding-right: 24px; /* * PADDING BLOCK */ /* * BG COLORS */ /* * SPECIAL CASES */ /* @include transition(padding-left, $t_slow); // RWD EYE-CANDY @include transition(padding-right, $t_slow); // RWD EYE-CANDY */ transition: padding-inline 1s linear; } /* line 310, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.relative { position: relative; } /* line 311, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.absolute { position: absolute; width: 100%; z-index: 1000000000; } /* line 321, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.flush { padding-left: 0px; padding-right: 0px; } /* line 327, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.section { max-width: 1714px; } /* line 333, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.section.flush { padding-left: 0px; padding-right: 0px; } /* line 337, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.section.flush.artwork { background: url("../img/Ilustration.png"), #EE2E2D; background-position: right bottom; background-repeat: no-repeat; background-size: 40%; } /* line 362, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.main { max-width: 1424px; } /* line 368, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.main.flush { padding-left: 0px; padding-right: 0px; } /* line 373, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.narrow { max-width: 960px; } /* line 378, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.border-top { border-top: 1px solid #ccc; } /* line 391, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.padding { padding-top: 72px; padding-bottom: 96px; } /* line 401, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.padding_bottom { padding-top: 1px; padding-bottom: 96px; } /* line 406, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.paddingv-96 { padding-top: 96px; padding-bottom: 96px; } /* line 416, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.grey { background-color: var(--epic-bg-color-grey) !important; } /* line 422, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.blue_footer { background-color: var(--epic-color-blue) !important; } /* line 434, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.blue { background-color: #117191 !important; } /* line 445, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.header { background-color: var(--c_white); box-shadow: 0px 10px 10px -8px #ccc; z-index: 1000; position: relative; } /* line 456, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.case-preFooter { border-bottom: 1px solid white; } /* line 475, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.case-did-you-know_______ { border: 3px solid green; background-image: url("../img/Ilustration.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 50%; } @media only screen and (max-width: 1024px) { /* line 496, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame.case-breadcrumb-simple { display: none; } } @media only screen and (max-width: 768px) { /* line 301, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .frame { padding-inline: 12px; } } /* line 535, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ #content { overflow: hidden; padding-block: 48px; } /* * SYSTEM ALTERNATING BACKGROUND COLORS */ /* line 562, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds .background:nth-of-type(odd) { background-color: var(--c_white); } /* line 566, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds .background:nth-of-type(odd) .slick_case_carousel_gap::before, .backgrounds .background:nth-of-type(odd) .slick_case_carousel_gap::after { background-color: var(--c_white); } /* line 574, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds .background:nth-of-type(even) { background-color: #f0f3f8; } /* line 578, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds .background:nth-of-type(even) .slick_case_carousel_gap::before, .backgrounds .background:nth-of-type(even) .slick_case_carousel_gap::after { background-color: #f0f3f8; } /* line 593, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds.inverse .background:nth-of-type(odd) { background-color: #f0f3f8; } /* line 598, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds.inverse .background:nth-of-type(odd) .slick_case_carousel_gap::before, .backgrounds.inverse .background:nth-of-type(odd) .slick_case_carousel_gap::after { background-color: #f0f3f8; } /* line 606, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds.inverse .background:nth-of-type(even) { background-color: var(--c_white); } /* line 611, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds.inverse .background:nth-of-type(even) .slick_case_carousel_gap::before, .backgrounds.inverse .background:nth-of-type(even) .slick_case_carousel_gap::after { background-color: var(--c_white); } /* line 630, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .backgrounds .background { /* .slick_case_carousel_gap { &::before, &::after { background-color: inherit; // outline: 3px solid red; } } // slick_case_carousel_gap */ } /* line 660, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section { /* &.hero { background-color: #F7F8FA; // extracted, not perfect values, etc } // hero */ } /* line 662, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.white { background-color: var(--c_white); } /* line 663, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.grey { background-color: #f0f3f8; } /* line 665, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.test { background-color: #ccc; } /* line 676, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.blue { background-color: #117191; } /* line 680, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.red { background-color: var(--epic-color-green); } /* line 689, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.case-jobs { background-image: linear-gradient(to left, transparent 50%, #EE2E2D 50%), url("../img/bg/jobs.jpg"); background-size: cover; background-position: 50% 50%; } @media only screen and (max-width: 1024px) { /* line 689, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.case-jobs { background-image: none; } } /* line 718, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.case-advocacy { background-size: cover; background-position: 50% 50%; } @media only screen and (max-width: 1024px) { /* line 718, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ section.case-advocacy { background-image: none; } } /* line 757, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader { padding-bottom: 36px; display: flex; justify-content: space-between; align-items: flex-end; color: var(--c-title); } /* line 767, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title { /* color: $c_text_blue; font-weight: bold; // TEMP */ font-size: var(--fs-header-mega); line-height: 1.2em; } /* line 786, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title br { display: none; } /* line 788, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title span.page_404 { /* PLACEHOLDER, ACTION IS DONE IN RWD */ } /* line 797, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title h1 { color: var(--c-title); } /* line 803, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title h2 { font-size: 36px; color: var(--c-title); } /* line 809, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title h3 { font-weight: normal; color: var(--c-title); } /* line 824, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .link a { color: #4A4A4A; font-size: 18px; text-decoration: underline; } /* line 829, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .link a:hover { text-decoration: none; } @media only screen and (max-width: 768px) { /* line 757, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader { display: block; } /* line 841, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title br { display: block; } /* line 843, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title span.page_404 { /* PLACEHOLDER, ACTION IS DONE IN RWD */ display: none; } /* line 851, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .link { margin-top: 24px; } } @media only screen and (max-width: 568px) { /* line 861, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader .title { font-size: 36px; } } /* line 869, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader.white .title { color: white; } /* line 870, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader.white .link a { color: white; } /* line 874, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader.red .title { color: #EE2E2D; } /* line 875, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader.red .link a { /* color: $c_bg_red; */ } /* line 881, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader.grey { /* .text {color: $c_black;} .link a {color: $c_bg_red;} */ } /* line 882, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionHeader.grey .title { color: #117191; } /* * SECTION LINK */ /* line 898, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionLink { margin-top: 48px; display: flex; justify-content: flex-end; } /* line 905, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_sectionLink .link a { display: inline-block; /* // padding: 6px 20px; padding: 0.6em 1em; // font-size: 15px; // font-size: 18px; font-size: 20px; */ padding: 0.6em 1.3em; font-size: 18px; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_sectionLink .link a:hover { background-color: var(--epic-color-purple); color: white; } /* .col_1 { } // not really necessary yet - yes, flor the grid .col_2 { } // not really necessary yet - yes, flor the grid */ /* line 933, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_70_30 { /* 70:30 */ display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); gap: 48px; } @media only screen and (max-width: 1024px) { /* line 933, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_70_30 { grid-template-columns: 1fr; } } @media only screen and (max-width: 1024px) { /* line 947, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_70_30.case-event { grid-template-columns: 7fr 3fr; } } @media only screen and (max-width: 768px) { /* line 947, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_70_30.case-event { grid-template-columns: 1fr; } } /* line 963, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_60_40 { /* 60:40 - case single technoogy & single market, lara que el laterakl tenga mas presencia */ /* NOT !!! also now used for epic members page */ display: grid; grid-template-columns: 6fr 4fr; gap: 48px; grid-template-columns: 6.5fr 3.5fr; gap: 96px; } @media only screen and (max-width: 1024px) { /* line 963, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_60_40 { grid-template-columns: 1fr; } } /* line 982, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_70_30_free { /* 70s:30 */ display: grid; grid-template-columns: 7fr 3fr; gap: 48px; } @media only screen and (max-width: 1024px) { /* line 982, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_70_30_free { grid-template-columns: 1fr; } } /* line 999, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_50_50 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 96px; } @media only screen and (max-width: 1200px) { /* line 999, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_50_50 { gap: 48px; } } @media only screen and (max-width: 1133px) { /* line 999, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_50_50 { grid-template-columns: 1fr; } } /* line 1019, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_not_member_text_small { font-size: 14px; font-size: 15px; line-height: 1.5em; font-style: italic; } /* line 1028, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_not_member_text_small a { font-weight: bold; color: #117191; } /* line 1032, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_not_member_text_small a:hover { color: #EE2E2D; } /* line 1043, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_buttonGroup { font-style: normal; margin-top: 12px; display: flex; gap: 12px; } /* line 1056, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_buttonGroup a { display: block; padding: 12px 6px; flex: 50%; text-align: center; } /* line 1075, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_buttonGroup a.case-join { font-size: 16px; } /* line 1081, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_buttonGroup a.case-login { font-size: 16px; } /* line 1094, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_40_60 { /* 70:30 - for page template for login, recover passowrd & sign up */ display: grid; grid-template-columns: 5fr 5fr; gap: 48px; } @media only screen and (max-width: 1024px) { /* line 1094, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .w_gridLayout_40_60 { grid-template-columns: 1fr; } } /* line 1112, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_loginPage { padding-top: 96px; padding-bottom: 96px; padding-bottom: 96px; } /* line 1121, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_loginPage .title { color: #EE2E2D; font-size: 54px; font-weight: bold; } /* line 1131, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_loginPage .subtitle { margin-top: 12px; /* PRECAUTION */ margin-bottom: 48px; /* TEST */ font-size: 20px; color: #363C42; } /* line 1154, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .tempMessageBox { background-color: #EE2E2D; color: var(--c_white); font-weight: bold; font-size: 24px; line-height: 29px; padding: 48px 24px; } /* line 1163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .tempMessageBox.case-ok { background-color: #3e9b39; } /* line 1174, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .noResultsMessageBox { background-color: #117191; color: var(--c_white); font-weight: bold; font-size: 24px; line-height: 29px; padding: 48px 24px; } /* line 1184, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .noResultsMessageBox.case-ok { background-color: #3e9b39; } /* line 1195, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_lateralHeader { /* // color: $c_text_blue; // color: #999; color: #ccc; font-weight: bold; */ font-size: 28px; /* TEST */ text-align: right; padding-bottom: 0px; /* // border-bottom: 4px solid $c_text_blue; // border-bottom: 4px solid #999; // border-bottom: 4px solid #ccc; border-bottom: 2px solid #ccc; */ border-bottom: 1px solid black; margin-bottom: 12px; margin-top: -64px; } @media only screen and (max-width: 1024px) { /* line 1195, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_lateralHeader { text-align: left; } } @media only screen and (max-width: 1024px) { /* line 1195, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_main.scss */ .m_lateralHeader { margin-top: 0px; } } /* * CSS * Layout - Page (basic elements) */ /* line 12, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .ctf-carousel .ctf-owl-dots .ctf-owl-dot span { /* width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; */ width: 16px !important; height: 16px !important; background: #878787 !important; } /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .ctf-carousel .ctf-owl-dots .ctf-owl-dot.active span, .ctf-owl-theme .ctf-owl-dots .ctf-owl-dot:hover span { /* background: #869791; */ background: #EE2E2D !important; } /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .media_image img { width: 100%; display: block; } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .fit-vids-style { display: none; } /* line 70, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .fitvids_container iframe { width: 100%; display: block; } /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .imageBanner { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 30%; } /* line 93, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .imageBanner.case-empty { background-color: #EE2E2D; /* PRECAUTION - TEMP CONTENT INSERTION */ } @media only screen and (max-width: 1024px) { /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .imageBanner { padding-top: 42.55%; } } @media only screen and (max-width: 768px) { /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .imageBanner { padding-top: 56.25%; } } @media only screen and (max-width: 568px) { /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .imageBanner { padding-top: 75%; } } /* * PAGE - BREADCRUMBS */ /* line 131, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .breadcrumbs { display: flex; flex-wrap: wrap; gap: 0.3em; text-transform: uppercase; font-size: var(--fs-specs); color: var(--c-title); padding-top: 24px; } /* line 145, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .breadcrumbs span::after { content: '/'; margin-left: 0.3em; } /* line 152, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .breadcrumbs span:last-of-type::after { content: ''; margin-left: unset; } /* line 162, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .breadcrumbs a { color: inherit; font-weight: normal; } /* line 166, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .breadcrumbs a:hover { text-decoration: underline; } /* line 219, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText { font-size: var(--fs-text); line-height: 1.6em; text-wrap: balance; /* * LISTS _ COPIED TAL CUAL FMOR HTMLEDITOR CLASS */ } /* line 227, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h2 { line-height: 1.5em; color: var(--c-title); } /* line 239, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText a { color: var(--epic-color-blue); text-decoration: underline; } /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText a:hover { text-decoration: none; } /* line 259, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText ul, .m_bigText ol { margin-left: 24px; margin-bottom: 24px; } /* line 276, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText ul { list-style: disc; } /* line 282, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText li::marker { color: #117191; } /* line 287, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText ol li::marker { font-weight: bold; } /* line 295, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText li { margin-bottom: 12px; /* position: relative; &::before { // content: '°'; // poner el dot,m con font size etc // content: '°'; // poner el dot,m con font size etc // content: '•'; // poner el dot,m con font size etc // content: '\U+2022'; // poner el dot,m con font size etc content: '•'; // poner el dot,m con font size etc position: absolute; left: -24px; // THIS SHOULD BE A VARIABLE color: $c_text_blue; // COLOR DEL DOT, BLUE, RED, ETC ... font-size: 24px; // TEST line-height: 0.9em; // background-color: grey; // border-radius: 50%; } // before */ } /* line 320, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText li ul, .m_bigText li ol { margin-top: 12px; margin-bottom: 12px; } /* line 335, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText ol { list-style-type: decimal; } /* line 344, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h1 { font-size: 32px; margin-top: 24px; margin-bottom: 24px; } /* line 350, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h2 { font-size: 28px; margin-top: 24px; margin-bottom: 18px; } /* line 356, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h3 { font-size: 24px; margin-top: 24px; margin-bottom: 6px; margin-bottom: 12px; } /* line 366, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h4 { font-size: 20px; margin-top: 24px; margin-bottom: 36px; margin-bottom: 12px; } /* line 373, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h5 { font-size: 18px; margin-top: 24px; margin-bottom: 6px; } /* line 379, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h6 { font-size: 16px; margin-top: 24px; margin-bottom: 6px; } /* line 388, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h2, .m_bigText h3 { margin-top: 0px; } /* line 392, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText h2:not(:first-child), .m_bigText h3:not(:first-child) { margin-top: 24px; } /* line 403, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .m_bigText dd { margin-bottom: 12px; color: #117191; font-weight: bold; } /* * PSEUDO TABLE */ /* line 429, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees { font-size: 24px; line-height: 1.6em; color: #363C42; display: flex; flex-direction: column; } /* line 440, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .tr { margin-bottom: 24px; display: flex; justify-content: space-between; background-color: var(--epic-bg-color-grey) !important; padding: 1em; } /* line 442, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .tr:last-of-type { margin-bottom: 0px; } /* line 455, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .td:last-of-type { color: var(--epic-color-blue); /* color: $c_text_blue; font-weight: bold; // TEST */ } @media only screen and (max-width: 1024px) { /* line 470, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .tr { flex-direction: column; } /* line 475, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .td:first-of-type { margin-bottom: 0.5em; } /* line 479, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .td:last-of-type { align-self: flex-end; } } @media only screen and (max-width: 768px) { /* line 429, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees { font-size: 21px; } /* line 500, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees .td:last-of-type { font-size: 24px; } } @media only screen and (max-width: 568px) { /* line 429, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_fees { font-size: 18px; } } /* line 559, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .member_form_download { /* .preview { // AKA THUMNBNAIL ... NAIMSHG FOR ACF ... margin-top: 24px; // TEST img {@include img;} } // preview */ } /* line 561, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .member_form_download .title { margin-top: 36px; font-weight: bold; } /* line 578, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .member_form_download .link { margin-top: 24px; } /* line 606, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_boxes { /* 2024-08 - TO HAVE 2 BOXES SIDE BY SIDE IN THE PAGE MEMEBRSHIP. */ gap: 2em; display: grid; grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 568px) { /* line 606, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_boxes { grid-template-columns: 1fr; } } /* line 624, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member { align-self: flex-start; background-color: var(--epic-bg-color-grey) !important; /* padding: 2em; // TEST padding-bottom: 2.5em; // test */ padding: 2em 1em; } /* line 637, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .title { font-size: 18px; color: var(--c-title); text-align: center; } /* line 655, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .text { margin-top: 18px; text-align: center; } /* line 664, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .links { margin-top: 36px; display: flex; gap: 12px; flex-direction: column; align-items: center; } /* line 680, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .links a { /* @extend %s-button-common; @extend %s-button-blue-red; */ } /* line 687, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .links a.main { font-size: var(--fs-text); padding: 0.6em 1.3em; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .cta_become_a_member .links a.main:hover { background-color: var(--epic-color-purple); color: white; } /* line 700, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .links a.aside { margin-top: 6px; font-size: 14px; } /* line 716, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .cta_become_a_member .links a.aside:hover { text-decoration: underline; } /* line 754, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ body { /* Set "my-sec-counter" to 0 */ counter-reset: my-sec-counter; } /* * PSEUDO TABLE */ /* line 768, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons { font-size: 24px; line-height: 1.6em; color: #363C42; /* display: flex; flex-direction: column; gap: 24px; */ display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } /* line 790, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .tr { display: flex; align-items: center; gap: 36px; background-color: var(--epic-bg-color-grey) !important; padding: 36px; } /* line 813, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .tr___NOT::before { /* Increment "my-sec-counter" by 1 */ counter-increment: my-sec-counter; content: counter(my-sec-counter); color: #117191; font-weight: bold; flex: 0 0 36px; } /* line 841, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .td:first-of-type { /* color: $c_text_blue; font-weight: bold; // TEST S */ flex: 0 0 64px; } /* line 854, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .td:first-of-type img { width: 100%; display: block; } @media only screen and (max-width: 1024px) { /* line 870, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .tr { flex-direction: column; } /* line 874, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .td:first-of-type { margin-bottom: 0.5em; } } @media only screen and (max-width: 768px) { /* line 768, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons { font-size: 21px; } /* line 896, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons .td:last-of-type { font-size: 24px; } } @media only screen and (max-width: 568px) { /* line 768, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_reasons { font-size: 18px; } } /* line 931, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ body { /* Set "my-sec-counter" to 0 */ counter-reset: my-resources; } /* line 939, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources { font-size: 24px; line-height: 1.6em; color: var(--c-title); display: flex; flex-direction: column; gap: 24px; /* display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; */ } /* line 956, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .tr { display: flex; align-items: center; gap: 36px; background-color: var(--epic-bg-color-grey) !important; padding: 36px; } /* line 970, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .tr::before { /* Increment "my-sec-counter" by 1 */ counter-increment: my-resources; content: counter(my-resources); flex: 0 0 36px; } /* line 993, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .td:first-of-type { /* color: $c_text_blue; font-weight: bold; // TEST S */ /* // flex: 0 0 36px; // flex: 0 0 48px; flex: 0 0 64px; // border: 1px solid black; // add icoin here img {@include img;} */ } /* line 1013, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .td a { display: inline-block; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .pseudo_table_resources .td a:hover { background-color: var(--epic-color-purple); color: white; } @media only screen and (max-width: 1024px) { /* line 1044, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .tr { flex-direction: column; } /* line 1048, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .td:first-of-type { margin-bottom: 0.5em; } } @media only screen and (max-width: 768px) { /* line 939, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources { font-size: 21px; } /* line 1070, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources .td:last-of-type { font-size: 24px; } } @media only screen and (max-width: 568px) { /* line 939, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .pseudo_table_resources { font-size: 18px; } } /* line 1105, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_workgroup ul { list-style: none; margin-left: 0px; margin-bottom: 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; } @media only screen and (max-width: 768px) { /* line 1105, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_workgroup ul { grid-template-columns: repeat(2, 1fr); gap: 24px; } } @media only screen and (max-width: 414px) { /* line 1105, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_workgroup ul { grid-template-columns: repeat(1, 1fr); } } /* line 1124, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_workgroup li { margin-bottom: 0px; background-color: var(--epic-bg-color-grey) !important; padding: 1em; } /* line 1132, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_workgroup li strong { color: var(--c-title); } /* * GRID VIDEOS - for page advocacy - venture & finance */ /* line 1152, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_videos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px; } @media only screen and (max-width: 768px) { /* line 1152, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_videos { grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width: 414px) { /* line 1152, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_videos { grid-template-columns: repeat(1, 1fr); } } /* line 1169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_page.scss */ .grid_videos .item .title { text-align: center; margin-top: 18px; font-size: 20px; color: var(--c-title); } /* * Author: Carl Johansson @carlwebdev * Project: cowo-Reset * File: Layout */ /* * CODE FOR RESPONSIVE STICKY FOOTER * Instructions: class "block" to footer */ /* line 13, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_stickyFooter.scss */ html, body { height: 100%; } /* line 16, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/8-layout/_layout_stickyFooter.scss */ #page { /* display: table; height: 100%; width:100%; /* VIP for responsiveness */ } /* .stickyFooter { // WAS block display: table-row; height: 1px; } */ /* * 9 - TEMPLATE (HEADER & FOOTER ... ) */ /* * Author: Carl Johansson @carlwebdev * Project: cowo-Reset * File: Header */ /* line 7, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header.scss */ .w_header { position: fixed; top: 0; width: 100%; z-index: 2; /* background-color: $c_black; */ } /* #w_headroom {} */ /* line 35, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header.scss */ header { /* // border: 12px solid red; outline: 12px solid blue; */ } /* line 42, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header.scss */ header .frame { clear: both; } /* * CSS * HEADER BAR TOP */ /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top { border-bottom: 1px solid #EBEBEB; /* * HEADER - SOCIAL */ } /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .inner { display: flex; justify-content: flex-end; align-items: center; transition: all 0.2s linear; padding-top: 9px; padding-bottom: 9px; } /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .social { transition: all 0.2s linear; font-size: 17px; color: var(--epic-color-blue); } /* line 40, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .social ul { display: flex; } /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .social li { margin-right: 18px; } /* line 47, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .social li:last-of-type { margin-right: 0px; } /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .social a { color: inherit; } /* line 53, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .social a:hover { color: var(--epic-color-purple); } /* line 70, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .cart { margin-left: 48px; font-size: 20px; color: var(--epic-color-blue); } /* line 80, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .cart a { color: inherit; } /* line 82, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_top.scss */ .header_bar_top .cart a:hover { color: var(--epic-color-purple); } /* * CSS * HEADER BAR MAIN */ /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .header_bar_main .inner { transition: all 0.2s linear; padding-top: 12px; padding-bottom: 12px; position: relative; display: flex; justify-content: space-between; align-items: flex-end; } @media only screen and (max-width: 1024px) { /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .header_bar_main .inner { align-items: center; justify-content: flex-end; } } /* line 34, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .logo_main { transition: all 0.2s linear; width: 175px; } /* line 37, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .logo_main img { width: 100%; display: block; } /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .navicon { cursor: pointer; font-size: 32px; color: var(--epic-color-blue); display: none; /* .icon { // esto aplica el icon font, solo aki, po rahora, pero lo he usado en otros sitios, y siempre uso el mismo style, osea que metelo como un mixin !!!!! @include icon, ah no!!!! no cal fer res, o no, si que hace falta !!!!!!!!!! // background-color: #ff0; // TEST display: block; height: 1em; // YES !!!!!!!!!!!! // font-size: 48px; font-size: 32px; // color: $c_green; color: #fff; // @include transition(color, 0.25s); // &:hover {color: $c_green_light; } } // icon */ } /* line 52, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .navicon a { color: inherit; } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .navicon a:hover { color: var(--epic-color-purple); } /* * * HEADER TRIGGERS, NOW 2 * */ /* line 120, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_header_triggers { position: absolute; top: 12px; right: 0px; display: flex; gap: 24px; } @media only screen and (max-width: 1024px) { /* line 135, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_header_triggers { position: relative; top: 0px; right: 24px; } } /* * SEARCH */ /* line 155, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search { /* position:absolute; top: $spacing05; right: 0px; */ } /* line 162, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .search { cursor: pointer; color: #117191; font-size: 32px; font-size: 24px; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .search a { color: inherit; } /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .search a:hover { color: #094f66; } /* line 180, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search { position: absolute; right: 0; border: 1px solid #f3f3f3; background-color: white; padding: 12px; display: flex; align-items: center; gap: 12px; display: none; } /* line 217, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button { /* */ /* a { white-space: nowrap; // TEST , FOR 2 WORDS SCENARI FOR "MY ACCOUNT" // border: 1px solid #0F81C0; // MAL EXTRAIDO border: 2px solid #0F81C0; // MAL EXTRAIDO display: inline-block; // padding: 6px 20px; // border-radius: 16px; border-radius: 22px; // font !!!!!!!!!!!!!! font-weight: bold; // TEMP color: #117191; // MAL EXTRAIDO font-size: 15px; background-color: $c_white; // NEW AS PRECAUTION @include transitionGeneral; // TEST &:hover { background-color: $c_text_blue; // TODO, DESIGN PENDING color: $c_white; } } // a */ } /* line 224, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button a { white-space: nowrap; } /* line 230, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button.case-main { font-size: 16px; } /* line 235, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button.case-main a { color: white; } /* line 237, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button.case-main a:hover { color: white; } /* line 242, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button.case-aside { font-size: 16px; } /* line 247, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button.case-aside a { color: #117191; } /* line 249, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .button.case-aside a:hover { color: white; } /* line 290, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .text { margin-top: 12px; text-align: center; } /* line 295, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .text a { color: inherit; font-size: 15px; text-decoration: underline; } /* line 302, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_search .dropdown_search .text a:hover { text-decoration: none; } /* * PROFILE */ /* line 331, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile { /* position:absolute; top: $spacing05; right: 0px; */ } /* line 338, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .profile { cursor: pointer; font-size: 32px; font-size: 24px; /* a { color: inherit; &:hover {color: $c_bg_blue_footer;} // TEST } // a */ color: var(--epic-color-blue); } /* line 358, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .profile a { color: inherit; } /* line 360, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .profile a:hover { color: var(--epic-color-purple); } /* line 381, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login { position: absolute; right: 0; border: 1px solid #f3f3f3; background-color: white; padding: 12px; display: flex; align-items: center; gap: 12px; display: none; } /* line 405, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button { /* */ /* a { white-space: nowrap; // TEST , FOR 2 WORDS SCENARI FOR "MY ACCOUNT" // border: 1px solid #0F81C0; // MAL EXTRAIDO border: 2px solid #0F81C0; // MAL EXTRAIDO display: inline-block; // padding: 6px 20px; // border-radius: 16px; border-radius: 22px; // font !!!!!!!!!!!!!! font-weight: bold; // TEMP color: #117191; // MAL EXTRAIDO font-size: 15px; background-color: $c_white; // NEW AS PRECAUTION @include transitionGeneral; // TEST &:hover { background-color: $c_text_blue; // TODO, DESIGN PENDING color: $c_white; } } // a */ } /* line 411, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button a { display: block; padding: 12px 12px; white-space: nowrap; } /* line 420, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button.case-main { padding: 0px 0px; font-size: 16px; } /* line 426, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button.case-main a { color: white; } /* line 428, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button.case-main a:hover { color: white; } /* line 434, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button.case-aside { padding: 0px 0px; font-size: 16px; } /* line 440, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button.case-aside a { color: var(--epic-color-blue); } /* line 443, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .button.case-aside a:hover { color: white; } /* line 482, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .text { margin-top: 12px; text-align: center; } /* line 487, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .text a { color: inherit; font-size: 15px; text-decoration: underline; } /* line 494, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile .dropdown_login .text a:hover { text-decoration: none; } @media only screen and (max-width: 1024px) { /* line 521, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_profile { position: relative; top: unset; right: unset; margin-right: 12px; } } /* line 544, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_mobile { display: none; z-index: 1001; position: relative; /* overflow: hidden; */ overflow-y: auto; overscroll-behavior: contain; } @media only screen and (min-width: 1025px) { /* line 568, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_mobile { display: none !important; } } @media only screen and (max-width: 1024px) { /* line 580, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_desktop { display: none; } /* line 581, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .navicon { display: block !important; } /* line 583, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_mobile { /* .case-1 {display: block;} // vip - PRECAUTIONB, FOR WHEN COMING FROM SMLLER .case-2 {display: none;} */ /* */ } /* line 596, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_mobile .case-1 { display: none; } /* line 597, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_mobile .case-2 { display: block; } /* line 603, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .login { position: relative; top: auto; right: auto; margin-right: 24px; } /* line 614, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .logo_main { margin-right: auto; } /* .login { position:relative; text-align:center; bottom: $spacing0125; } // slogan */ } @media only screen and (max-width: 768px) { /* line 635, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .w_nav_mobile { /* .case-1 {display: none;} .case-2 {display: block;} // TEH BEHAVIOUR RWD RESISING IS STILL A BIT GLIUTCHY !!!!!!! */ } } /* NAV-MOBILE */ /* * DROPDOWN NAV FOR EVENTS ON DESKTOP */ /* line 674, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents { display: none; z-index: 100000000000000; } /* line 682, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .dropdownEvents_inner { padding-top: 36px; padding-bottom: 48px; display: flex; justify-content: center; } /* line 696, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item { display: flex; flex-direction: column; /* &:first-of-type { .list .title {color: $c_text_blue;} } // first &:last-of-type { // border: 3px solid red; .list .title {color: $c_bg_red;} } // firts */ } /* line 704, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item:first-of-type { margin-right: 48px; } /* line 721, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list .title { color: #117191; } /* line 724, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .itemTitle { font-size: 22px; font-weight: bold; text-transform: capitalize; /* PRECAUTION */ margin-bottom: 18px; } /* line 735, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list { font-size: 14px; } /* line 745, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list li { margin-bottom: 18px; } /* line 748, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list li:last-of-type { margin-bottom: 0px; } /* line 750, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list li .title { font-size: 20px; font-size: 18px; font-weight: bold; } /* line 756, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list li .title a { color: inherit; } /* line 758, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .list li .title a:hover { text-decoration: underline; } /* line 775, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .link { margin-top: auto; padding-top: 12px; color: #999; } /* line 788, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .link a { color: inherit; text-decoration: underline; } /* line 791, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_bar_main.scss */ .dropdownEvents .item .link a:hover { text-decoration: none; } /* carl demo */ /* .navbar {background-color:#f00;} */ /* .headroom { border: 12px solid red; position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;} .headroom--unpinned { // top: -100px; top: -300px; // TIENE QUE SER MAS ALTO QUE LO QUE SE QUIERE TAPAR !!! ERGO ME SIRVE PARA hacer cosas chulas } .headroom--pinned {top: 0;} */ /* .headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;} .headroom--unpinned {top: -100px;} .headroom--pinned {top: 0;} */ /* line 31, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .header--fixed { position: fixed; z-index: 101; right: 0; left: 0; top: 0; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .slide { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .slide--reset { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .slide--up { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); } 100% { -o-transform: translateY(0); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(-100%); } } @keyframes slideUp { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } @-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(400px) rotateX(-90deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); } } @-moz-keyframes swingInX { 0% { -moz-transform: perspective(400px) rotateX(-90deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); } } @-o-keyframes swingInX { 0% { -o-transform: perspective(400px) rotateX(-90deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); } } @keyframes swingInX { 0% { transform: perspective(400px) rotateX(-90deg); } 100% { transform: perspective(400px) rotateX(0deg); } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.swingInX { -webkit-transform-origin: top; -moz-transform-origin: top; -ie-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-backface-visibility: visible !important; -webkit-animation-name: swingInX; -moz-backface-visibility: visible !important; -moz-animation-name: swingInX; -o-backface-visibility: visible !important; -o-animation-name: swingInX; backface-visibility: visible !important; animation-name: swingInX; } @-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); } 100% { -webkit-transform: perspective(400px) rotateX(-90deg); } } @-moz-keyframes swingOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); } 100% { -moz-transform: perspective(400px) rotateX(-90deg); } } @-o-keyframes swingOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); } 100% { -o-transform: perspective(400px) rotateX(-90deg); } } @keyframes swingOutX { 0% { transform: perspective(400px) rotateX(0deg); } 100% { transform: perspective(400px) rotateX(-90deg); } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.swingOutX { -webkit-transform-origin: top; -webkit-animation-name: swingOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: swingOutX; -moz-backface-visibility: visible !important; -o-animation-name: swingOutX; -o-backface-visibility: visible !important; animation-name: swingOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-200px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-200px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 30% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-200px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 30% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-200px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 30% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-200px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 30% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-200px); } } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_headroom.scss */ .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* * CSS * Header - Smaller (plugin - resize header on scroll */ /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header { /* * START - CSS FOR PLUGIN - RESIZE HEADER ON SCROLL */ /* * END - CSS FOR PLUGIN - RESIZE HEADER ON SCROLL */ } /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller { /* da igual si enytra tarde, por que tengo puesto el header com position sticky ..... */ /* * HEADER BAR TOP */ /* * HEADER BAR MAIN */ } /* line 36, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .header_bar_top .inner { transition: all 0.2s linear; /* GOAL - TO HIDE IT */ padding-top: 0px; padding-bottom: 0px; height: 0px; overflow: hidden; } @media only screen and (max-width: 1024px) { /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .header_bar_top { /* * HEADER - SOCIAL */ } /* line 57, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .header_bar_top .inner { padding-top: 0px; padding-bottom: 0px; } /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .header_bar_top .social { transition: all 0.2s linear; font-size: 0px; } /* line 73, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .header_bar_top .social a { color: var(--c_white); } } /* line 97, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .header_bar_main .inner { transition: all 0.2s linear; padding-top: 6px; padding-bottom: 6px; } /* line 107, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_header_smaller.scss */ header.smaller .logo_main { transition: all 0.2s linear; width: 150px; } /* * CSS * Footer */ /* line 15, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form, ._form_6 form#_form_65CDFA6A5CE88_, form#_form_65CDFA6A5CE88_ { /* padding: unset; margin: unset; */ padding: unset !important; margin: unset !important; background: transparent !important; } /* line 29, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form ._form-content, ._form_6 form#_form_65CDFA6A5CE88_ ._form-content, form#_form_65CDFA6A5CE88_ ._form-content { background: var(--epic-color-blue) !important; } /* line 37, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form label, ._form_6 form#_form_65CDFA6A5CE88_ label, form#_form_65CDFA6A5CE88_ label { color: white; } /* line 42, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form ._form_element._x07413192, ._form_6 form ._form_element._x90952271, ._form_6 form#_form_65CDFA6A5CE88_ ._form_element._x07413192, ._form_6 form#_form_65CDFA6A5CE88_ ._form_element._x90952271, form#_form_65CDFA6A5CE88_ ._form_element._x07413192, form#_form_65CDFA6A5CE88_ ._form_element._x90952271 { display: none; } /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form input[type="text"], ._form_6 form#_form_65CDFA6A5CE88_ input[type="text"], form#_form_65CDFA6A5CE88_ input[type="text"] { /* padding: 6px; height: auto; border: #979797 1px solid; border-radius: 4px; color: #000000 !important; font-size: 14px; */ /* border-radius: unset; // TEMP padding: 12px 18px; */ border-radius: unset !important; padding: 12px 18px !important; } /* line 75, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form ._form_element._x56885194 input[type="text"], ._form_6 form#_form_65CDFA6A5CE88_ ._form_element._x56885194 input[type="text"], form#_form_65CDFA6A5CE88_ ._form_element._x56885194 input[type="text"] { /* padding: 6px; height: auto; border: #979797 1px solid; border-radius: 4px; color: #000000 !important; font-size: 14px; */ } /* line 91, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form ._button-wrapper._full_width, ._form_6 form#_form_65CDFA6A5CE88_ ._button-wrapper._full_width, form#_form_65CDFA6A5CE88_ ._button-wrapper._full_width { /* width: 100%; */ width: auto; } /* line 96, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form button[type="submit"]#_form_6_submit._submit, ._form_6 form#_form_65CDFA6A5CE88_ button[type="submit"]#_form_6_submit._submit, form#_form_65CDFA6A5CE88_ button[type="submit"]#_form_6_submit._submit { /* padding: 6px; height: auto; border: #979797 1px solid; border-radius: 4px; color: #000000 !important; font-size: 14px; */ background-color: var(--epic-color-red) !important; border-radius: 0px !important; } /* line 111, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form button[type="submit"]#_form_6_submit._submit:hover, ._form_6 form#_form_65CDFA6A5CE88_ button[type="submit"]#_form_6_submit._submit:hover, form#_form_65CDFA6A5CE88_ button[type="submit"]#_form_6_submit._submit:hover { background-color: var(--epic-color-purple) !important; } /* line 131, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ ._form_6 form ._form-branding, ._form_6 form#_form_65CDFA6A5CE88_ ._form-branding, form#_form_65CDFA6A5CE88_ ._form-branding { display: none; } /* line 149, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter { padding-top: 48px; padding-bottom: 48px; padding-top: 60px; padding-bottom: 60px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 96px; color: var(--c_white); } @media only screen and (max-width: 1024px) { /* line 149, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ } } /* line 170, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .twitter .w_twitter_footer a { color: var(--c_white); text-decoration: none; } /* line 176, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .twitter .w_twitter_footer a:hover { text-decoration: underline; } /* line 188, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .twitter .twitter_follow { margin-top: 24px; } /* line 191, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .twitter .twitter_follow a { /* @extend .buttonMedium; // padding: $spacing0125 $spacing; // I NEED MROE PADDING .... // padding: $spacing025 $spacing; // I NEED MROE PADDING .... // spadding: $spacing025 $spacing2; // I NEED MROE PADDING .... padding: $spacing05 36px; // I NEED MROE PADDING .... */ display: inline-block; /* color: $c_white; // background-color: $c_text_blue; // background-color: #094f66; background-color: $c_text_blue; // color: $c_text_blue; // color: $c_bg_red; // text-decoration: underline; // text-decoration: none; &:hover { // text-decoration: none; // text-decoration: underline; // background-color: $c_bg_blue_footer; // UI !!!! MIXIN !!! background-color: $c_bg_red; // UI !!!! MIXIN !!! - TEST TEMP !!! } // hover */ padding: 0.6em 36px; font-size: 18px; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .preFooter .twitter .twitter_follow a:hover { background-color: var(--epic-color-purple); color: white; } @media only screen and (max-width: 568px) { /* line 252, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .twitter .twitter_follow a { width: 100%; display: block; text-align: center; } } /* line 276, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .title { margin-bottom: 36px; font-size: 24px; /* font-weight: bold; // TEMP */ } /* line 290, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .text { margin-bottom: 24px; font-size: 14px; line-height: 1.5em; font-weight: 300; } /* line 303, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .form { margin-bottom: 48px; /* width: 80%; // OK */ } @media only screen and (max-width: 1024px) { /* line 318, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .text br { display: none; } } @media only screen and (max-width: 768px) { /* line 322, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .preFooter .form { width: 100%; } } /* line 360, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .m_socialFooter { clear: left; } /* line 368, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .m_socialFooter ul { display: flex; } /* line 372, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .m_socialFooter li { margin-right: 24px; } /* line 377, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .m_socialFooter li:last-of-type { margin-right: 0px; } /* line 383, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .m_socialFooter li img { width: 100%; display: block; } /* line 389, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .m_socialFooter li a { color: white; font-size: 24px; } /* line 421, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ footer .inner { padding-top: 18px; padding-bottom: 18px; color: white; font-size: 16px; overflow: hidden; } @media only screen and (max-width: 768px) { /* line 421, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ footer .inner { padding-top: 48px; padding-bottom: 48px; } } /* line 455, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter { font-size: 14px; } /* line 458, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter ul { display: flex; justify-content: space-between; align-items: center; } /* line 466, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter a { color: inherit; } /* line 468, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter a:hover { text-decoration: underline; } /* line 472, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter br { display: none; } @media only screen and (max-width: 768px) { /* line 476, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter ul { flex-direction: column; } /* line 483, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter li { text-align: center; margin-bottom: 12px; } /* line 486, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter li:last-of-type { margin-bottom: 0px; } /* line 489, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter br { display: block; } } @media only screen and (max-width: 768px) { /* line 455, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter { font-size: 16px; } /* line 497, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ .mainFooter li { margin-bottom: 16px; } } /* line 514, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ nav.mainFooter li:first-of-type a { cursor: default; } /* line 519, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/9-template/_footer.scss */ nav.mainFooter li:first-of-type a:hover { cursor: default; text-decoration: none; } /* .m_jobsFooter { // float: right; a { color: inherit; text-decoration: underline; &:hover {text-decoration: none;} } // a } // m_jobsFooter .m_copyright { // border: 1px solid blue; // DEV // clear: both; // float: left; padding-top: $spacing; a { color: inherit; font-size: 14px; // TEST text-decoration: none; &:hover {text-decoration: underline;} } // a } // m_copyright */ /* and also have footer_sticky_flex VS tabale etc ... poner si aga¡casl epàge_content in header & footer files, and asi en layut_page ... no, en layt main-... */ /* * COMPONENTS - MOLECULES */ /* .togglebutton {display: none;} */ /* line 10, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main { background-color: var(--c_white); padding-top: 40px; /* * LEVEL 1 */ } /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li { float: left; /* &:first-of-type { &::before { content: ''; // RESET // right: 0px; // RESET left: 0px; // RESET display: none; // RESET // float: left; } // after a { // padding-right: 0px; // padding-right: 12px; } } // last */ /* position: relative; &::before { content: '|'; color: #579AB0; // TEMP position: absolute; left: 0px; top: 7px; display: inline-block; vertical-align: middle; } // after */ /* * LEVEL 2 */ position: relative; } /* line 30, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li:last-of-type a { padding-right: 0px; } /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li a { display: block; padding: 6px 18px; color: var(--c-title); } /* line 89, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li a:hover { /* font-weight: bold; */ text-decoration: underline; } /* line 105, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li:hover > ul { display: block; } /* line 107, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul { display: none; } /* line 111, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul { background-color: white; border: 1px solid #ccc; position: absolute; } /* line 116, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li { float: unset; white-space: nowrap; /* * LEVEL 3 */ position: relative; } /* line 123, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li::before { content: ''; right: auto; top: auto; display: inline-block; vertical-align: middle; } /* line 139, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li:hover ul { display: block; } /* line 141, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li ul { display: none; } /* line 145, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li ul { background-color: white; position: absolute; left: 100%; top: 0px; } @media only screen and (max-width: 1024px) { /* line 10, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main { padding-top: 0px; border-top: 1px solid #EBEBEB; background-color: var(--c_white); box-shadow: 0px 10px 10px -8px #ccc; position: relative; padding-bottom: 200px; /* * LEVEL 1 */ } /* line 188, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu { display: block; padding-top: 0px; background-color: var(--c_white); box-shadow: 0px 10px 10px -8px #ccc; } /* line 201, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li { float: none; border-bottom: 1px solid #EBEBEB; position: relative; /* * LEVEL 2 */ } /* line 204, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li:last-of-type { border-bottom-width: 0px; } /* line 208, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li:last-of-type::before { content: ''; right: 0px; display: none; } /* line 214, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li:last-of-type a { padding-right: 24px; } /* line 222, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li::before { content: ''; position: absolute; right: -6px; right: 0px; top: 0px; } /* line 230, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li a { padding: 12px 24px; font-size: 21px; } /* line 237, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li a:hover { background-color: var(--epic-color-blue); font-weight: normal; color: var(--c_white); text-decoration: none; } /* line 255, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul { display: block; } /* line 262, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul { position: relative; } /* line 265, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li { /* * LEVEL 3 */ } /* line 267, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li a { padding-left: 36px; font-size: 18px; } /* line 278, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li ul { display: block; } /* line 285, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li ul { position: relative; left: 0; } /* line 293, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu li ul li ul a { padding-left: 48px; font-size: 15px; } } @media only screen and (max-width: 568px) { /* line 320, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_nav.scss */ nav.main ul.menu { /* float: none; // RESET - - - - - - - - - width: 100%; // TEST . // box-shadow: 0px 0px 0px 0px #ccc; // RESET (NO CAL) - THE SQUERED ONE, TO ADD THE ONLY BOTOTM ONE box-shadow: 0px 10px 10px -8px #ccc; // FOR (ALL) NON-HOME PAGES */ } } /* * CSS * Molecule - Filters */ /* * MODULE - FILTERS (selects with options) */ /* line 11, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters { padding-bottom: 24px; display: flex; justify-content: flex-end; /* > item > ul >li { text-decoration: underline; // TEST POC } // just the top one ... */ } /* line 21, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters .item { min-width: 200px; /* INSTEAD OF FLEX GAP */ margin-right: 12px; } /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters .item:last-of-type { margin-right: 0px; } @media only screen and (max-width: 568px) { /* line 11, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters { flex-direction: column; } /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters .item { width: 100% !important; margin-right: 0px; margin-bottom: 12px; } /* line 51, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters .item .custom-select { width: 100% !important; } /* line 55, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters .item:last-of-type { margin-bottom: 0px; } } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul { background-color: #117191; background-color: #117191; color: white; /* &:hover { li {display: block;} } // li */ } /* line 95, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li { /* display: none; &:first-of-type {display: block;} */ position: relative; /* &:nth-of-type(odd) {background-color: white;} &:nth-of-type(even) {background-color: #999;} a:hover {background-color: #ccc !important;} */ /* &:first-of-type { background-color: $c_text_blue; a:hover {background-color: $c_text_blue;} } // first */ background-color: var(--epic-color-red); } /* line 106, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li::after { content: '▼'; position: absolute; right: 8px; top: 8px; } /* line 139, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li a { display: block; padding: 11px 16px; color: white; font-size: 16px; } /* line 148, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li a:hover { background-color: var(--epic-color-purple); } /* line 161, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul { display: none; } /* line 163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li:hover ul { display: block; } /* line 165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li { position: relative; } /* line 167, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul { position: absolute; z-index: 1000; width: 100%; border-bottom: 1px solid black; } /* line 174, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li { border-left: 1px solid black; border-right: 1px solid black; /* PARA ESCONDER EL "UNCATEGORIZED" */ } /* line 179, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li::after { content: ''; } /* line 183, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li a { color: black; font-weight: normal; } /* line 188, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li:nth-of-type(odd) { background-color: white; } /* line 189, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li:nth-of-type(even) { background-color: #ccc; } /* line 190, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li a:hover { background-color: #999 !important; } /* line 192, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_filters.scss */ .m_filters ul li ul li:last-of-type { display: none; } /* * CSS * Molecule - Tags */ /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags { /*display: flex; flex-wrap: wrap; // flex gap polufill . . gap: 8px; // TEST */ margin-bottom: 72px; /* separar layout centrismo de layout styel - para re-use stylke in repirt singel page */ } /* line 22, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags.case-markets { justify-content: center; } /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags.case-centered { justify-content: center; } /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags ul { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; } /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags ul li a { display: block; /* background-color: #F3F3F3; border: 1px solid $c_text_blue; */ background-color: var(--epic-bg-color-grey); border: 1px solid var(--epic-color-blue); border-radius: 3px; padding: 6px 15px; transition: all 0.2s linear; } /* line 58, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags ul li a:hover, .w_tags ul li a.is-active { background-color: var(--epic-color-blue); color: var(--c_white); } /* line 81, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags .tag { background-color: #F3F3F3; border: 1px solid #117191; border-radius: 3px; display: flex; justify-content: center; align-items: center; padding: 6px 15px; /* a { // thus make the whoel anchor the button, not the tag, etc } // a */ } /* line 115, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags .tag .title { font-size: 14px; } /* line 123, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags .tag .cross { cursor: pointer; margin-left: 24px; color: black; font-weight: bold; } /* line 142, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags.case-link .tag { padding: 0px 0px; } /* line 145, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags.case-link .tag a { display: block; padding: 6px 15px; } /* line 150, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/molecules/_tags.scss */ .w_tags.case-link .tag a:hover { background-color: #117191; color: var(--c_white); } /* * COMPONENTS - ORGANISMS */ /* WP COOKIES POPUP */ /* line 3, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/organisms/_cookies.scss */ .cookie-notice-container { border-top: 4px solid white; background-color: #999 !important; } /* line 15, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/organisms/_cookies.scss */ #cookie-notice .cn-button { margin-left: 10px; background-color: white !important; color: #999; cursor: pointer; background-color: var(--c_white); /* TEXT */ font-size: 16px; color: #D92E3E; text-transform: uppercase; /* PREACUTION */ background-image: linear-gradient(to bottom, white, white) !important; border-radius: 0px !important; text-shadow: none !important; } /* * COMPONENTS - PAGES */ /* * CSS * Page - Markets */ /* 1 - search 2 - tags - MOVED TO PARTIALS / MOLECULES 3 - sort by 4 - grid */ /* * MARKETS - SEARCH */ /* line 17, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .w_market_search { margin-bottom: 24px; display: flex; justify-content: center; } /* * "GRID SALESFORCE" & "CARD_SALESFORCE" */ /* * USED IN BOTH GRID MARKETS & GRID TECHNOLOGY */ /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce { padding-top: 24px; display: grid; gap: 48px; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media only screen and (max-width: 1024px) { /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 568px) { /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce { grid-template-columns: repeat(1, 1fr); } } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item { background-color: white; border: 1px solid black; /* border: 1px solid $c_text_blue; // box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px $c_bg_grey; // TESTING box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px #999; // TESTING - TOO DARK */ padding: 24px 24px; /* THIS COULD BE A MIXIN, AS IT'S ALSO USED IN MARKET REPORTS ... */ /* UI - jQuery INTERACTION */ /* &.is-active { // outline: 3px solid #f06; // TEST // outline: 3px solid #60f; // TEST .title a {text-decoration: underline} .image .inner { // @include ui_fx_hover_zoom; // ???????????????????? it requires the hver soi do it manually as _fporceds @include ui_fx_hover_zoom_forced; /// TEST THIS THING } } // is-active */ } /* line 88, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .image { margin-bottom: 18px; overflow: hidden; } /* line 92, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .image .inner { /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.6s ease-in-out; /* .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } */ } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .grid_salesforce .item .image .inner:hover { -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 94, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .image .inner.is-active { /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.2s ease-in-out; -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 102, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .image img { width: 100%; display: block; } /* line 104, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .image .image_bg { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 56.25%; } /* line 114, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .image .image_not_bg img { aspect-ratio: 16/9; object-fit: cover; } /* line 129, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .title { margin-bottom: 12px; /* color: $c_text_blue; font-weight: bold; */ font-size: var(--fs-card-title); color: var(--c-title); } /* line 139, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .title a { color: inherit; text-decoration: none; } /* line 142, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .title a:hover, .grid_salesforce .item .title a.is-active { text-decoration: underline; } /* line 149, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_markets.scss */ .grid_salesforce .item .text { font-size: var(--fs-text); line-height: 1.4em; } /* * CSS * Page - Single - Event */ /* https://stackoverflow.com/questions/6149917/disable-or-enable-submit-button-on-checkbox-checked-event http://jsfiddle.net/CdwpA/ */ /* line 17, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .test_submit { margin-top: 32px; display: flex; justify-content: center; } /* line 24, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .test_submit input[type=submit] { background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; display: block; padding: 12px 18px; text-align: center; font-size: 22px; font-weight: bold; color: #fff; /* width: 100%; */ } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .test_submit input[type=submit]:hover { background-color: var(--epic-color-purple); color: white; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .test_submit input[type=submit]:disabled { cursor: default; background-color: #F3F3F3 !important; color: #999; } /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .fake_submit { display: flex; justify-content: center; } /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .fake_submit a { display: block; padding: 12px 18px; text-align: center; font-size: 22px; font-weight: bold; color: #fff; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .fake_submit a:hover { background-color: var(--epic-color-purple); color: white; } /* * EVENT single */ /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event { /* .col_1 { } // not really necessary yet - yes, flor the grid - NO NEDD FOR SPECIFIC CLAS ANMES FOR THE POARENST CSS GRID TO WORK .col_2 { display: flex; } // not really necessary yet - yes, flor the grid */ /* * BANNER IMAGE & VIDEO */ /* * EVENT - COOPERATION */ /* * * * SINGLE EVENT - TOP SECTION (ABOVE THE MEDIA LAYOUT) * * */ /* * * * SINGLE EVENT - PURCHASE SECTION (BELOW THE MEDIA LAYOUT) * * */ /* * * * SINGLE EVENT - CONTENT - INTRO TEXT * * */ /* ONLY FOR PAST EVENTS , NOW FOR ALL EVENST */ } /* line 107, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event.case-bottom { padding-top: 72px; } /* line 134, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .banner_image img { width: 100%; display: block; } /* line 138, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .banner_video iframe { display: block; width: 100%; } /* line 148, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .livestream_video iframe { display: block; width: 100%; } /* line 173, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_cooperation { display: flex; flex-direction: column; gap: 24px; } /* line 188, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_title { /* text-align: right; */ font-size: 16px; color: #117191; font-weight: bold; margin-bottom: 12px; } /* line 198, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos { display: flex; align-items: center; /* flex-direction: column; // 2 logos etc */ gap: 12px; flex-direction: column; } /* line 201, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos img { /* width: auto; / no auto anymore, no original sizieng please */ width: 100%; } /* line 224, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos .logo { /* max-width: 240px; // TEST - -apply only if only 1 logo... */ width: 100%; } @media only screen and (max-width: 1024px) { /* line 266, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_title { text-align: left; } /* line 270, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos { flex-direction: row; } /* line 280, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos .logo { max-width: 50%; } } @media only screen and (max-width: 568px) { /* line 305, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos { flex-direction: column; } /* line 308, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos .logo { max-width: 100%; } } @media only screen and (max-width: 414px) { /* line 345, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_cooperation .cooperation_logos .logo { max-width: 100%; /* */ } } /* line 385, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .l_event_top { padding-top: 32px; padding-bottom: 32px; display: flex; justify-content: space-between; gap: 72px; } @media only screen and (max-width: 1024px) { /* line 385, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .l_event_top { flex-direction: column; gap: 48px; } } /* line 421, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_mainSpecs .date, .w_single_event .m_mainSpecs .time { /* font-weight: bold; // NEW */ font-size: var(--fs-text); } /* line 437, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_mainSpecs .time { color: var(--c-title); } /* line 444, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_mainSpecs .title { margin-top: 12px; color: var(--c-title); font-size: var(--fs-header-mega); line-height: 1.2em; } /* line 459, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .m_mainSpecs .location { /* OPTIONAL FIELD -SO MAKE THE LAYOUT AWARE OF THIS, BY ADDING A PADDING BOTTOM TO THIS SECTION, BUT ONLY IN THIS CASE, SIO RENAME THE PARENT FOR THSI ACSE ....*/ margin-top: 6px; /* font-weight: bold; // TEMP FONT SYSTEM YA TU SABES */ font-size: var(--fs-text); color: var(--c-title); } /* line 520, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 { padding-top: 48px; display: flex; flex-direction: column; } /* line 526, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .title { font-weight: bold; font-size: 20px; margin-bottom: 24px; text-align: center; } /* line 544, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .prices { color: var(--c-title); margin-bottom: 32px; } /* line 560, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices { display: flex; } /* line 574, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices.case-single { display: block; } /* line 577, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices.case-single .item { width: 100%; } /* line 585, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item { width: calc(100% / 3); border-right: 1px solid #117191; padding: 0px 3px; /* PRECAUTION */ /* display: flex; // ??? justify-content: center; align-items: center; */ text-align: center; display: flex; flex-direction: column; /* justify-content: center; */ justify-content: space-between; align-items: center; } /* line 591, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item:last-of-type { border-right-width: 0px; } /* line 619, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item.case-not-member { color: #EE2E2D; } /* line 623, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item .type { font-size: 16px; margin-bottom: auto; /* margin-top: 24px; / THIS WAS HARDCODED INLINE. */ } /* line 633, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item .cost { font-weight: bold; font-size: 20px; } /* line 644, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item label { /* RADIO BUTTON */ margin-top: 6px; margin-bottom: 24px; } @media only screen and (max-width: 768px) { /* line 560, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices { flex-direction: column; align-items: center; } /* line 657, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item { width: 60%; border-right-width: 0px; border-top: 1px solid #f0f3f8; padding-top: 24px; padding-bottom: 24px; /* display: flex; // ??? justify-content: center; align-items: center; */ } /* line 666, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item:first-of-type { border-left-width: 0px; border-top-width: 0px; padding-top: 0px; padding-bottom: 24px; } /* line 674, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item:last-of-type { padding-bottom: 0px; } } @media only screen and (max-width: 568px) { /* line 560, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices { align-items: flex-start; } /* line 692, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item { width: 100%; } /* line 697, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .w_gridPrices .item br { display: none; } } /* line 723, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 .textSmall { margin-bottom: 12px; } /* line 735, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .mainSpecs_2 form { margin-top: auto; } /* line 801, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText { font-size: 24px; font-size: var(--fs-text-highlighted); line-height: 1.5em; color: var(--c-title); /* * LISTS - have a system ti unset or re-initialize tyhe list ioptioon s!!!! */ } /* line 810, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText a { color: var(--epic-color-blue); text-decoration: underline; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .w_single_event .introText a:hover { text-decoration: none; } /* line 820, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText ul, .w_single_event .introText ol { margin-bottom: 24px; } /* line 825, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText ul { list-style: disc; } /* line 828, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText ol { list-style-type: decimal; } /* line 833, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText li::marker { color: #117191; } /* line 837, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText ol li::marker { font-weight: bold; } /* line 843, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText li { margin-bottom: 12px; } /* line 849, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .introText li ul, .w_single_event .introText li ol { margin-top: 12px; margin-bottom: 12px; } /* line 869, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups { color: var(--c-title); padding-bottom: 72px; } /* line 877, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item { margin-bottom: 36px; /*
title
list_attendees
*/ } /* line 880, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item:last-of-type { margin-bottom: 0px; } /* line 882, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .header { margin-bottom: 18px; font-size: 22px; color: var(--c-title); } /* line 890, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .header .header_small_line { margin-top: 4px; font-size: 14px; color: var(--c-text); } /* line 907, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text { /* * LISTS */ } /* line 911, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text a { font-weight: bold; } /* line 914, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text a:hover { text-decoration: underline; } /* line 923, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text.case_buttons a { display: inline-block; } /* line 926, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text.case_buttons a:hover { text-decoration: none; } /* line 931, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text.case_buttons p { /* background-color: orange; */ line-height: 1.6em; margin-bottom: 12px; } /* line 950, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text ul, .w_single_event .w_textGroups .item .text ol { margin-left: 24px; margin-bottom: 24px; } /* line 964, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text li { margin-bottom: 12px; position: relative; } /* line 968, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text li p { margin-bottom: 0px; } /* line 973, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text li::before { content: '•'; position: absolute; left: -24px; color: var(--epic-color-blue); font-size: 24px; line-height: 0.9em; } /* line 992, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text li ul { margin-top: 12px; margin-bottom: 12px; } /* line 1003, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text ul, .w_single_event .w_textGroups .item .text ol { /*ul & ol - PRECAUTION - JUST IN CASE */ margin-bottom: 24px; } /* line 1006, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text ul li, .w_single_event .w_textGroups .item .text ol li { margin-bottom: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4em; } /* line 1009, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text ul li:last-of-type, .w_single_event .w_textGroups .item .text ol li:last-of-type { margin-bottom: 0px; } /* line 1014, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text ul li::before, .w_single_event .w_textGroups .item .text ol li::before { /* display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Brands"; content: "\f0e1"; // LINKEIDN // !!!!!!!!!!!!!!!!!!!!!!! fuck, deberia ser stanadlon e!!!! // color: #1D7897; // TEMP HUE ???? - extracted color: $c_text_blue; // TEMP HUE ???? - CAUSE IT LOOKS DARKER ... font-size: 18px; // TEST // margin-right: 18px; // TEST margin-right: $spacing; // TEST */ content: '•'; position: absolute; left: -24px; color: #117191; font-size: 24px; line-height: 0.9em; } /* line 1060, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text ul a, .w_single_event .w_textGroups .item .text ol a { font-weight: normal; color: #1D7897; } /* line 1072, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text .fixed_width { display: inline-flex; justify-content: space-between; width: 11em; margin-right: 18px; flex-shrink: 0; } /* line 1086, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text li span { display: inline-block; width: 4.5em; } /* line 1092, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .text li span:nth-of-type(2) { text-align: right; } /* line 1118, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .wrapper_group_list_attendees .group_list_attendees .title { margin-bottom: 0.5em; } /* line 1153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees a { font-weight: bold; } /* line 1156, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees a:hover { text-decoration: underline; } /* line 1165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees ul, .w_single_event .w_textGroups .item .list_attendees ol { /*ul & ol - PRECAUTION - JUST IN CASE */ margin-bottom: 24px; column-count: 2; column-gap: 48px; } @media only screen and (max-width: 768px) { /* line 1165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees ul, .w_single_event .w_textGroups .item .list_attendees ol { column-count: 1; } } /* line 1175, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees ul li, .w_single_event .w_textGroups .item .list_attendees ol li { display: flex; margin-bottom: 6px; /* &::before { // https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Brands"; content: "\f0e1"; // LINKEIDN // !!!!!!!!!!!!!!!!!!!!!!! fuck, deberia ser stanadlon e!!!! // NOW TEST WITH MY ICON FOTN FONTELLO OR WHWTEVER .... // color: #1D7897; // TEMP HUE ???? - extracted color: $c_text_blue; // TEMP HUE ???? - CAUSE IT LOOKS DARKER ... font-size: 18px; // TEST // margin-right: 18px; // TEST margin-right: $spacing; // TEST } */ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /* line 1178, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees ul li:last-of-type, .w_single_event .w_textGroups .item .list_attendees ol li:last-of-type { margin-bottom: 0px; } /* line 1211, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees ul li.case_linkedin::before, .w_single_event .w_textGroups .item .list_attendees ol li.case_linkedin::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; color: var(--epic-color-blue); font-size: 18px; margin-right: 24px; } /* line 1240, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups .item .list_attendees ul a, .w_single_event .w_textGroups .item .list_attendees ol a { font-weight: normal; color: #1D7897; } /* line 1268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item { margin-bottom: 48px; } /* line 1271, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item:last-of-type { margin-bottom: 0px; } /* line 1277, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item .text a:hover { text-decoration: underline; } /* line 1282, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item .text.case-icons a { font-weight: normal; display: flex; align-items: center; /* margin-bottom: $spacing05; &:last-of-type {margin-bottom: 0px;} */ } /* line 1295, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item .text.case-icons a:hover { color: #046282; text-decoration: none; } /* line 1303, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item .text.case-icons a i { font-size: 24px; margin-right: 6px; color: #046282; width: 27px; } /* line 1310, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .w_textGroups.case-aside .item .text.case-icons a.case_red i { color: #EE2E2D; } /* line 1334, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery { /* CON ESTE SISTEMA PODRIA PLANTEAR QUE EL VIDEO PUDIERA OCUPARA IOTRAS POSICONES, PERO NO TENDRIA MUCHO SENTIDO ... */ /* video iontegration: (video wont be inside the lightbox... as of yet ... at leats for now ... ) cases & rwd case-1 case-2 case-3 case-4 case-5 */ /* CSS GRIS - GENERIC aka COMMON */ display: grid; gap: 12px; /* NOW BUILD VARIATIONS OF SEVERAL TYPES OF LAYOUTS - 1ST PERFECT THE 1ST ONE - Y QUE TODOS TENAGN SENTIDO, CON SOLO DIEFERNETS NUMEROS DE IMAGEEN OSEA, 1 GRID+RWD PARA CADA CABTIDAD DE IMAGES SHOWN. 1 - SIMPLE, NOTHING TO DO. 2 - MAYEB 1 FULL AND 1 PORTRAIT ON THE ISDE 2B - & THEN 1º FDUL AND 1 LANDSDCAPE /HALF HEIGHT) BLOW 3 - 1 + 2, GOING 1+2 UNDER 4 - DOING BNNOEW - 1 + 3 SIDE - 3 GPIN UNDER. 5 - 5 IMAGES, NICE THING, 1 + 2 ON THE SIDE, PLUS 1 BELOW PLUS 1 ON THE SIDE (LO DE 5 IMAGES, CON 3 SIZES, KINA NICE, ALDO QITH SECOND ROWN BEAING ONLY 1 ROW NINSTEAD OF 2, SO THSI WOULD BE VCASE 5B IN TOTAL, 7 EXAMPLES ... / AND THEN BUILD THE LIGHTBOXES !!!! */ /* * case-0 - new temp test * Hide */ /* * case-1 * 1 image */ /* * case-3 : 3 MEDIA ASSETS */ /* * case-4 : 4 MEDIA ASSETS */ /* * case-5 : 5 MEDIA ASSETS */ } /* line 1338, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery .video { padding-top: 0px; position: relative; } /* line 1342, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery .video iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 1376, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery .image { overflow: hidden; /* AS PARENT OF ZOOM ITEM */ } /* line 1381, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery .image .inner { /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.6s ease-in-out; /* .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } */ } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .w_single_event .imageGallery .image .inner:hover { -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 1385, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery .image a { /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.6s ease-in-out; /* .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } */ } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .w_single_event .imageGallery .image a:hover { -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 1390, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery .image a:hover { border: 3px solid red; } /* line 1409, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery div { background-color: var(--c_bg_grey_epic); /* PRECAUTION - TEMP CONTENT INSERTION */ background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 56.25%; /* vip, as the lightbox 2 needs an href inside the image to call the lightbox :-) */ position: relative; } /* line 1420, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery div a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 1480, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-0 { display: none; } /* line 1489, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-1 { /* THIS CASE DOESN'T NOT REQUIRE ANY CODE */ } /* line 1491, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-1 div { /* ONLY SHOW THE n IMAGE(S) */ display: none; } /* line 1501, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-1 div:nth-of-type(1) { display: block; } /* line 1507, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-1 .video { padding-top: 56.25%; } /* line 1526, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 { grid-template-columns: 2.5fr 1fr; } /* line 1545, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 div { padding-top: 56.25%; /* ONLY SHOW THE n IMAGES */ display: none; } /* line 1550, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 div:nth-of-type(1), .w_single_event .imageGallery.case-2 div:nth-of-type(2) { display: block; } /* line 1555, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 div:nth-of-type(1) { /* WHERE THE VIDEO WOULD BE SHOWN */ padding-top: 75%; } @media only screen and (max-width: 768px) { /* line 1609, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 div:first-of-type { grid-column-end: span 1; grid-row-start: 1; grid-row-end: span 1; } } @media only screen and (max-width: 568px) { /* line 1526, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 { grid-template-columns: 1fr; } /* line 1636, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 div:first-of-type { grid-column-end: span 1; grid-row-start: 1; grid-row-end: span 2; } /* line 1646, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-2 div:nth-of-type(2) { padding-top: 42.55%; } } /* line 1674, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } /* line 1678, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 div { /* ONLY SHOW THE n IMAGES */ display: none; } /* line 1681, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 div:nth-of-type(1), .w_single_event .imageGallery.case-3 div:nth-of-type(2), .w_single_event .imageGallery.case-3 div:nth-of-type(3) { display: block; } /* line 1685, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 div:first-of-type { /* IS NOT BOSS */ grid-row-start: 1; grid-row-end: span 2; padding-top: 75%; /* PRECAUTION */ } /* line 1691, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 div:first-of-type.video { padding-top: 0px; } @media only screen and (max-width: 1024px) { /* line 1674, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 { grid-template-rows: repeat(3, 1fr); } /* line 1703, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-3 div:first-of-type { grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; } } /* line 1720, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-4 { grid-template-columns: 2.5fr 1fr; grid-template-rows: repeat(3, 1fr); } /* line 1724, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-4 div { /* ONLY SHOW THE n IMAGES */ display: none; } /* line 1727, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-4 div:nth-of-type(1), .w_single_event .imageGallery.case-4 div:nth-of-type(2), .w_single_event .imageGallery.case-4 div:nth-of-type(3), .w_single_event .imageGallery.case-4 div:nth-of-type(4) { display: block; } /* line 1732, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-4 div:first-of-type { grid-row-start: 1; grid-row-end: span 3; padding-top: 75%; } @media only screen and (max-width: 1024px) { /* line 1720, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-4 { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: repeat(4, 1fr); } /* line 1746, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-4 div:first-of-type { grid-column-end: span 3; grid-row-start: 1; grid-row-end: span 3; } } /* line 1769, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 { grid-template-columns: 2.5fr 1fr; grid-template-rows: repeat(2, 1fr); } /* line 1775, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div { /* ONLY SHOW THE n IMAGES */ display: none; } /* line 1778, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div:nth-of-type(1), .w_single_event .imageGallery.case-5 div:nth-of-type(2), .w_single_event .imageGallery.case-5 div:nth-of-type(3), .w_single_event .imageGallery.case-5 div:nth-of-type(4), .w_single_event .imageGallery.case-5 div:nth-of-type(5) { display: block; } /* line 1785, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div:first-of-type { grid-row-start: 1; grid-row-end: span 2; padding-top: 75%; /* PRECAUTION */ } /* line 1793, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div:first-of-type.video { border: 3px solid red; padding-top: 0px; } /* line 1802, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div:nth-of-type(2), .w_single_event .imageGallery.case-5 div:nth-of-type(3) { padding-top: 75%; } /* line 1813, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div:nth-of-type(4) { padding-top: 35.25%; } /* line 1822, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5 div:nth-of-type(5) { padding-top: 100%; } /* line 1883, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5-alternate { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } /* line 1887, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5-alternate div { /* ONLY SHOW THE n IMAGES */ display: none; } /* line 1890, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5-alternate div:nth-of-type(1), .w_single_event .imageGallery.case-5-alternate div:nth-of-type(2), .w_single_event .imageGallery.case-5-alternate div:nth-of-type(3), .w_single_event .imageGallery.case-5-alternate div:nth-of-type(4), .w_single_event .imageGallery.case-5-alternate div:nth-of-type(5) { display: block; } /* line 1896, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5-alternate div:first-of-type { grid-row-start: 1; grid-row-end: span 2; padding-top: 75%; padding-top: 0px; } @media only screen and (max-width: 1024px) { /* line 1883, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5-alternate { grid-template-rows: repeat(3, 1fr); } /* line 1915, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_single_event .imageGallery.case-5-alternate div:first-of-type { grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; } } /* * * SINGLE EVENT - LOGOS (for Sponsors & Partners) * */ /* line 1990, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide { display: grid; /* grid-template-columns: repeat(2, 1fr); */ grid-template-columns: 1fr; gap: 32px; } /* line 2002, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch .w_event_logos_batch_title { margin-bottom: 24px; } /* line 2007, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.fullerest { /* grid-column: span 2; // & rwd !!! */ } /* line 2011, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.fullerest .w_event_logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* line 2017, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.fullerest .w_event_logos.case-platinum .item_sponsor { grid-column: span 1; } /* line 2029, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos.case-gold { /* padding-left: 48px; padding-right: 48px; */ padding-left: unset; padding-right: unset; } /* line 2040, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.full { /* grid-column: span 2; // & rwd !!! */ } /* line 2044, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.full .w_event_logos { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media only screen and (max-width: 768px) { /* line 1990, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide { grid-template-columns: 1fr; } /* line 2057, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.fullerest { /* grid-column: span 1; // & rwd !!! */ } /* line 2061, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.fullerest .w_event_logos { grid-template-columns: 1fr; } /* line 2068, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.full { /* grid-column: span 1; // & rwd !!! */ } /* line 2072, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group.wide .w_event_logos_batch.full .w_event_logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* line 2098, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group .w_event_logos_batch { margin-bottom: 32px; } /* line 17, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .w_event_logos_group .w_event_logos_batch:last-of-type { margin-bottom: 0px; } /* line 2102, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos_group .w_event_logos_batch .w_event_logos_batch_title { margin-bottom: 12px; font-size: 14px; color: grey; border-bottom: 2px solid var(--c_bg_grey_epic); } /* line 2129, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos { display: grid; gap: 24px; /* * 4 TIERS - PARA MEDIA POAR6NERS, ETC - ALWAYS CASE SILVER */ } /* line 2181, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos.case-platinum .item_sponsor { grid-column: span 2; } /* line 2188, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos.case-platinum .item_sponsor.case_half { grid-column: span 1; } /* line 2203, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos.case-gold { /* padding-left: 48px; padding-right: 48px; */ } /* line 2212, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos.case-silver { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* line 2219, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos.case-bronze { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* line 2228, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor { /* * 4 TIERS */ /* // ya no within with cas eplatiu, as nwo platinum isd efined furtehr up &.case_half { // obs, que esto vendrña de ddbb!!!! // half, - 1col... col_1, col_2 // grid-column-end: span 3; // grid-column: span 2; // ???? grid-column: span 1; // PERO NO HABIA GRID COLS DEFINIDOS, NO?? // border: 1px solid black; } // case_half */ } /* line 2239, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor.case-full___NOT { /* grid-row-start: 1; grid-row-end: span 2; */ grid-column-end: span 2; } /* line 2260, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor.case-bronze___NOT { grid-column-end: span 1; } /* line 2263, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor.case-silver { grid-column-end: span 2; } /* line 2266, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor.case-gold___NOT { grid-column-end: span 3; padding-left: 48px; padding-right: 48px; } /* line 2274, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor.case-platinum { grid-column-end: span 3; /* // ya no within with cas eplatiu, as nwo platinum isd efined furtehr up &.case_half { // obs, que esto vendrña de ddbb!!!! // half, - 1col... col_1, col_2 // grid-column-end: span 3; grid-column: span 2; // ???? border: 1px solid black; } // case_half */ } /* line 2315, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor .image { height: 100%; /* background-color: white; // TEST // padding: 12px; // TEST - quirtarel el padding a esto, y ponerselo al image de adentro @include ui_fx_hover; // TEST IF TRANSITION IS WORKING ... // padding: 12px; */ } /* line 2328, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .w_event_logos .item_sponsor .image img { width: 100%; display: block; position: relative; top: 50%; transform: translateY(-50%); } /* * * SINGLE EVENT - MODERATORS (componenet .... ) * */ /* line 2362, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator { margin-bottom: 18px; display: flex; gap: 18px; /* align-items: center; &.case_manager { / SO I CAN KILL THIS CLASS, AND UNIFY THE COMPONET ALTOGETHER ... HMM align-items: unset; } // case_manager */ } /* line 17, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .card_moderator:last-of-type { margin-bottom: 0px; } /* line 2381, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .image { flex-shrink: 0; /* @include circle(92px); overflow: hidden; */ overflow: hidden; width: 72px; height: 72px; } /* line 2391, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .image img { width: 100%; display: block; } /* line 2398, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .title { color: var(--c-title); } /* line 2402, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .role { margin-top: 3px; font-size: 13px; } /* line 2411, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .specs { margin-top: 12px; font-size: 13px; } /* line 2421, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .specs li { margin-bottom: 8px; /* */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ /* */ } /* line 2423, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .specs li:last-of-type { margin-bottom: 0px; } /* line 2438, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .specs i { font-size: 16px; margin-right: 6px; color: #117191; } /* line 2444, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .card_moderator .info .specs a { color: var(--epic-color-blue); text-decoration: none; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .card_moderator .info .specs a:hover { text-decoration: underline; } /* * * SINGLE EVENT - tac * */ /* line 2478, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; /* @media only screen and (max-width: $bp_l) { // grid-template-columns: repeat(3, minmax(0, 1fr)); } // MEDIA-QUERY @media only screen and (max-width: $bp_m) { grid-template-columns: repeat(2, minmax(0, 1fr)); } // MEDIA-QUERY @media only screen and (max-width: $bp_xs) { grid-template-columns: repeat(1, minmax(0, 1fr)); } // MEDIA-QUERY */ } @media only screen and (max-width: 768px) { /* line 2478, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 414px) { /* line 2478, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac { grid-template-columns: 1fr; } } /* line 2510, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac { background-color: var(--c_white); /* border: 1px solid black; padding: $spacing05 $spacing05; */ display: flex; gap: 6%; align-items: center; } /* line 2523, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .image { width: 32%; } /* line 2532, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .image img { width: 100%; display: block; } /* line 2536, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .image_placeholder { margin-bottom: 18px; padding-top: 100%; background-color: var(--c_bg_grey_epic); } /* line 2549, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .info { width: 62%; /* */ } /* line 2562, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .name a { color: #117191; text-decoration: underline; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .grid_tac .card_tac .name a:hover { text-decoration: none; } /* line 2569, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .role { margin-top: 6px; font-size: 13px; } /* line 2576, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .role a { color: inherit; text-decoration: underline; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .grid_tac .card_tac .role a:hover { text-decoration: none; } /* line 2586, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .logo { margin-top: 12px; max-width: 50%; } /* line 2588, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .logo img { width: 100%; display: block; } /* line 2597, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_tac .card_tac .text { margin-top: 12px; font-size: 15px; } /* * * SINGLE EVENT - SPEAKERS * */ /* line 2651, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } @media only screen and (max-width: 768px) { /* line 2651, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 414px) { /* line 2651, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_columns { grid-template-columns: 1fr; } } /* line 2671, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_columns .card_speaker .text { display: none; } /* line 2687, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_rows { display: grid; gap: 24px; } /* line 2693, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_rows .card_speaker { display: flex; gap: 48px; } /* line 2698, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers.case_rows .card_speaker .image { flex: 0 0 200px; } @media only screen and (max-width: 768px) { /* line 2645, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 414px) { /* line 2645, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* line 2726, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker { /* TYPE OF CARD */ background-color: var(--c_white); border: 1px solid black; /* border: 1px solid $c_text_blue; // box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px $c_bg_grey; // TESTING box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px #999; // TESTING - TOO DARK */ padding: 12px 12px; } /* line 2750, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .image { margin-bottom: 18px; } /* line 2751, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .image img { width: 100%; display: block; } /* line 2757, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .image_placeholder { margin-bottom: 18px; padding-top: 100%; background-color: var(--c_bg_grey_epic); } /* line 2765, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .info { /* */ padding-top: 18px; } /* line 2772, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .name a { color: #117191; text-decoration: underline; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .grid_speakers .card_speaker .name a:hover { text-decoration: none; } /* line 2779, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .role { margin-top: 6px; font-size: 13px; } /* line 2786, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .role a { color: inherit; text-decoration: underline; } /* line 39, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .grid_speakers .card_speaker .role a:hover { text-decoration: none; } /* line 2793, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .card_speaker .text { margin-top: 12px; font-size: 15px; } /* line 2813, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_speakers .text_flipcard { background-color: white; padding: 12px 12px; font-size: 13px; color: black; } /* line 2845, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .flip-card { background-color: transparent; /* min-height: 300px; // OBS - NOW GENERATED THROUGH DYNAMCI JS SCRIPT !!! */ perspective: 1000px; /* // FOR THE TEXT ON THE BACK SIDE ... NICE overflow: hidden; // overflow-y: scroll; overflow-y: auto; // OJO . BUT STILL VISIBLE ON THE FORN T!!! WTF !!! HACK IT SOMHOW ... */ overflow: hidden; } /* line 2870, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; } /* line 2880, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } /* line 2884, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 2892, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .flip-card-front { /* background-color: #bbb; color: black; */ } /* line 2899, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .flip-card-back { transform: rotateY(180deg); /* background-color: #2980b9; color: white; */ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); overflow-y: auto; } /* line 2927, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .random_img { margin-top: 72px; margin-bottom: 72px; } /* line 2928, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .random_img img { width: 100%; display: block; } /* * * SINGLE EVENT - Attendess - temp mockup * */ /* line 2958, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } @media only screen and (max-width: 768px) { /* line 2958, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 414px) { /* line 2958, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* line 2980, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee { /* TYPE OF CARD */ background-color: var(--c_white); border: 1px solid #117191; box-shadow: 0px 0px 2px #f0f3f8, 0px 2px 2px #999; padding: 12px 12px; display: flex; gap: 18px; /* align-items: center; &.case_manager { / SO I CAN KILL THIS CLASS, AND UNIFY THE COMPONET ALTOGETHER ... HMM align-items: unset; } // case_manager */ /* .image { img {@include img;} } // image .info { // padding-top: 24px; // TEMP TEST padding-top: 18px; // TEMP TEST } // info .name { } // title .role { margin-top: $spacing025; // color: $c_bg_red; // HAVENT CHECKED color: $c_text_blue; // HAVENT CHECKED // font-size: 12px; font-size: 13px; a { color: inherit; text-decoration: underline; &:hover {text-decoration: none;} } // a } // title .text { margin-top: $spacing05; // TEMP font-size: 15px; } // text */ } /* line 3006, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .image { flex-shrink: 0; /* @include circle(92px); overflow: hidden; */ overflow: hidden; width: 72px; height: 72px; } /* line 3016, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .image img { width: 100%; display: block; } /* line 3023, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .title { color: #117191; font-weight: bold; } /* line 3028, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .role { margin-top: 3px; color: #117191; font-size: 13px; } /* line 3039, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .specs { margin-top: 12px; font-size: 13px; color: #117191; } /* line 3049, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .specs li { margin-bottom: 8px; /* */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ /* */ } /* line 3051, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .specs li:last-of-type { margin-bottom: 0px; } /* line 3066, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .specs i { font-size: 16px; margin-right: 6px; } /* line 3071, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_attendees .card_attendee .info .specs a { color: #117191; text-decoration: none; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .grid_attendees .card_attendee .info .specs a:hover { text-decoration: underline; } /* line 3151, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .profile-badge--width-280 { width: 100% !important; } /* * * SINGLE EVENT - TEST . LINKEDIN BADGE .... * */ /* line 3166, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_linkedin { border: 3px dashed #ccc; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } @media only screen and (max-width: 768px) { /* line 3166, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_linkedin { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width: 568px) { /* line 3166, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_linkedin { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* line 3186, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_event.scss */ .grid_linkedin .card_linkedin { border: 3px solid #999; } /* * CSS * Page - Single - Market Report */ /* 1 - XXX 2 - XXX 3 - XXXy 4 - XXX */ /* * MARKETS - SEACRH ... */ /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .w_image { position: relative; } /* line 23, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .w_image .year { background-color: #EE2E2D; color: white; align-self: flex-start; padding: 12px 12px; position: absolute; bottom: 0px; right: 0px; font-size: 20px; } /* line 40, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .w_image .recent { background-color: #EE2E2D; color: white; align-self: flex-start; padding: 12px 12px; position: absolute; right: 12px; border-top: 12px solid #EE2E2D; top: -12px; /* &:before { content: 'test'; background-color: $c_bg_red; } */ } /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .w_image .image { background-color: var(--c_bg_grey_epic); /* PRECAUTION - TEMP CONTENT INSERTION */ /* @include bg_img; @include ar_cinemascope; */ /* // @include ar_banner; @media only screen and (max-width: $bp_l) { // @include ar_cinemascope; // VS PAGE HEIGHT IN VH ......... @include ar_16_9; } // MEDIA-QUERY @media only screen and (max-width: $bp_m) { // @include ar_16_9; @include ar_4_3; } // MEDIA-QUERY @media only screen and (max-width: $bp_s) { // @include ar_4_3; } // MEDIA-QUERY */ } /* line 68, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .w_image .image img { width: 100%; display: block; } /* line 110, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .col_2 { display: flex; flex-direction: column; } /* line 116, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .text { margin-bottom: 18px; font-size: 14px; line-height: 1.5em; } /* line 136, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton { margin-top: auto; } /* line 156, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton.case-disabled a { border: 3px solid #C9C9C9; color: #C9C9C9; } /* line 161, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton.case-disabled a span { color: inherit; } /* line 163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton.case-disabled a:hover { background-color: transparent; } /* line 167, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton.case-disabled a:hover span { color: inherit; } /* line 176, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton a { border: 3px solid var(--epic-color-blue); display: block; padding: 12px 8px; text-align: center; } /* line 185, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton a span { color: var(--epic-color-blue); vertical-align: middle; } /* line 190, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton a span.icon { font-size: 30px; margin-right: 12px; } /* line 197, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton a span.text { font-size: 20px; font-weight: bold; } /* line 207, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton a:hover { background-color: var(--epic-color-blue); } /* line 213, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .downloadButton a:hover span { color: var(--c_white); } /* line 224, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_single_market_report.scss */ .w_single_market_report .textSmall { margin-top: 12px; } /* * CSS * Page - Anniversary */ /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_sponsors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 4em; } @media only screen and (max-width: 1024px) { /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_sponsors { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 768px) { /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_sponsors { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 414px) { /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_sponsors { grid-template-columns: repeat(1, 1fr); } } /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 4em; } @media only screen and (max-width: 1024px) { /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 768px) { /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 568px) { /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories { grid-template-columns: repeat(1, 1fr); } } /* line 51, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories .card .media img { aspect-ratio: 16 / 9; } /* line 56, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories .card .media .video { aspect-ratio: 16 / 9; } /* line 60, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories .card .media .video iframe { display: block; width: 100%; height: 100%; } /* line 79, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories .card .info { /* .name {} .company { a { } // a } // company */ } /* line 96, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories .card .info p { margin-bottom: 0px; } /* line 123, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .anniversary_memories.case_more .card:nth-of-type(1), .anniversary_memories.case_more .card:nth-of-type(2), .anniversary_memories.case_more .card:nth-of-type(3), .anniversary_memories.case_more .card:nth-of-type(4) { display: none; } /* * BANNER IMAGE & VIDEO */ /* .banner_image { img {@include img;} } // banner_image */ /* line 157, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .big_video { aspect-ratio: 16 / 9; } /* line 161, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .big_video iframe { display: block; width: 100%; height: 100%; } /* *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } button { background: transparent; border: none; cursor: pointer; outline: none; } body { font: normal 16px/1.5 "Helvetica Neue", sans-serif; background: #456990; color: #fff; } */ /* .section SECTION –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* .section { background: #F45B69; padding: 50px 0; } .section .container { width: 90%; max-width: 1200px; margin: 0 auto; text-align: center; } .section h1 { font-size: 2.5rem; } .section h2 { font-size: 1.3rem; } */ /* TIMELINE –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* line 229, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline { white-space: nowrap; overflow-x: hidden; } /* line 234, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol { font-size: 0; width: 100vw; padding: 330px 0; transition: all 1s; } /* line 242, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li { position: relative; display: inline-block; list-style-type: none; width: 160px; height: 3px; background: #fff; } /* line 251, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:last-child { width: 280px; } /* line 255, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:not(:first-child) { margin-left: 14px; } /* line 259, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:not(:last-child)::after { content: ''; position: absolute; top: 50%; left: calc(100% + 1px); bottom: 0; width: 12px; height: 12px; transform: translateY(-50%); border-radius: 50%; background: #F45B69; } /* line 272, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li div { position: absolute; left: calc(100% + 7px); width: 280px; padding: 15px; font-size: 1rem; white-space: normal; color: black; background: white; } /* line 283, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li div::before { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-style: solid; } /* line 293, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:nth-child(odd) div { top: -16px; transform: translateY(-100%); } /* line 298, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:nth-child(odd) div::before { top: 100%; border-width: 8px 8px 0 0; border-color: white transparent transparent transparent; } /* line 304, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:nth-child(even) div { top: calc(100% + 16px); } /* line 308, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:nth-child(even) div::before { top: -8px; border-width: 8px 0 0 8px; border-color: transparent transparent transparent white; } /* line 314, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline time { display: block; font-size: 1.2rem; font-weight: bold; margin-bottom: 8px; } /* TIMELINE ARROWS –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* line 325, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline .arrows { display: flex; justify-content: center; margin-bottom: 20px; } /* line 331, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline .arrows .arrow__prev { margin-right: 20px; } /* line 335, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline .disabled { opacity: .5; } /* line 339, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline .arrows img { width: 45px; height: 45px; } /* GENERAL MEDIA QUERIES –––––––––––––––––––––––––––––––––––––––––––––––––– */ @media screen and (max-width: 599px) { /* line 348, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol, .timeline ol li { width: auto; } /* line 353, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol { padding: 0; transform: none !important; } /* line 358, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li { display: block; height: auto; background: transparent; } /* line 364, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:first-child { margin-top: 25px; } /* line 368, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:not(:first-child) { margin-left: auto; } /* line 372, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li div { width: 94%; height: auto !important; margin: 0 auto 25px; } /* line 378, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li div { position: static; } /* line 382, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:nth-child(odd) div { transform: none; } /* line 386, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:nth-child(odd) div::before, .timeline ol li:nth-child(even) div::before { left: 50%; top: 100%; transform: translateX(-50%); border: none; border-left: 1px solid white; height: 25px; } /* line 396, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/pages/_page_anniversary.scss */ .timeline ol li:last-child, .timeline ol li:nth-last-child(2) div::before, .timeline ol li:not(:last-child)::after, .timeline .arrows { display: none; } } /* * PAGE: HOME */ /* * CSS * Hero (Slider) */ /* line 15, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero { /* * HACK TO PREVENT FOUC */ overflow: hidden; height: 60vh; } /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .slickslider, .m_hero .slick-list, .m_hero .slick-track, .m_hero .slick-slide, .m_hero .item, .m_hero .itemCover { height: 60vh !important; } /* line 46, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .slick-dots { bottom: 18px; z-index: 100; } /* line 52, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .slick-dots li button:before { color: #878787; opacity: 1.00; font-size: 64px; } /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item { background-position: center center; background-repeat: no-repeat; background-size: cover; /* // I REMOVED THIS AFTER ELI'0S REQUETS ABOUT THE ABNNER, AS THUIS WASNT REALLY DOJING ANYTHING FOR US... @include ar_banner; // TEMP .... test, chenag eto hero */ position: relative; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .itemCover { position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 50%); /* display: flex; justify-content: center; align-items: center; */ } /* line 91, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .itemCover .frame { height: 60vh; /* display: flex; flex-direction: column; align-items: center; */ display: flex; align-items: center; } /* line 112, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner { width: 50%; padding-right: 24px; color: var(--c-title); } /* line 123, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .title { /* color: $c_bg_red; font-weight: bold; */ /* font-size: 48px; */ font-size: clamp(2em, 7vw, 3em); line-height: 1.2em; margin-bottom: 0.2em; } /* line 142, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .text { font-size: var(--fs-text-highlighted); line-height: 1.4em; } /* line 150, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .link { margin-top: 12px; } /* line 153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .link a { font-size: var(--fs-text); padding: 0.6em 1.3em; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_hero .item .content .content_inner .link a:hover { background-color: var(--epic-color-purple); color: white; } @media only screen and (max-width: 1200px) { /* line 190, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .itemCover { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 50%); } /* line 208, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner { width: 62%; } } @media only screen and (max-width: 1024px) { /* line 15, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero { /* border: 3px solid red; */ height: calc(100vh - 128px); } /* line 244, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .slickslider, .m_hero .slick-list, .m_hero .slick-track, .m_hero .slick-slide, .m_hero .item, .m_hero .itemCover { height: calc(100vh - 128px) !important; } /* line 255, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .itemCover { /* // this bg gradient, and width of the text area, should happend before now, as there is far too much text !!!!!!!!!!! vs line clamp etc ... background-image: linear-gradient(to right, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 50%); // 50 here, if more than 70, then its teh blur, obviously, gradient !!! */ } /* line 261, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .itemCover .frame { height: calc(100vh - 128px); } /* line 278, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner { /* width: 62%; */ } } @media only screen and (max-width: 768px) { /* line 323, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .itemCover { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 50%); } /* line 341, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .title { /* font-size: 48px; margin-bottom: $spacing; */ } /* line 353, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .text { /* font-size: 21px; line-height: 1.6em; */ font-size: 18px; } } @media only screen and (max-width: 568px) { /* line 393, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner { width: 100%; padding-right: unset; } /* line 400, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .title { /* font-size: 48px; margin-bottom: $spacing; */ } /* line 411, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_hero.scss */ .m_hero .item .content .content_inner .text { /* font-size: 21px; line-height: 1.6em; */ font-size: 16px; } } /* * CSS * HOME - Grid layout for events */ /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events { padding-top: 48px; padding-bottom: 48px; padding-top: 48px; } /* line 14, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome { /* &.is-active { border: 3px solid black; // DEV // ???????????????????????????????????????????????????? } */ display: grid; grid-template-columns: repeat(2, 1fr); gap: 64px; row-gap: 18px; /* * ACTIONS FOR ONLY THE FIRST ITEM - COULD'VE BEEN BEETTER SOLVED BY PHP, 1st VS THE REST */ } @media only screen and (max-width: 768px) { /* line 14, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome { row-gap: 42px; } /* line 38, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type { /* FEATURED ITEM */ grid-column-end: span 2; } } @media only screen and (max-width: 768px) { /* line 14, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ } /* line 58, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type { /* FEATURED ITEM */ grid-column-end: span 1; } } /* line 69, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item { /* .location { // margin-bottom: $spacing05; margin-bottom: $spacing075; margin-bottom: $spacing; font-weight: bold; // TEMP font-size: 18px; // TEMP color: #4A4A4A; // EXTRACTED FOMR EYEDROPPER } // location .link { // has 2 cases, for the normal and for the first // just extend the 2 scenarios, to avoid uissues... hmm or not.. a { color: $c_text_blue; font-size: 16px; // TEMP font-weight: bold; // TEMP text-decoration: underline; &:hover {text-decoration: none;} } } // link */ } /* line 70, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type { /* FEATURED ITEM */ grid-row-start: 1; grid-row-end: span 4; } /* line 74, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type .text { display: block; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type .image { display: block; } /* line 85, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .specs { /* // border-bottom: $s_border_blue; // STARTING WITH THIOS, APPLY TO OTHER PLACES NOW AS WELL.. // border-bottom: 2px solid black; // border-bottom: 1px solid black; // // border-bottom: 2px solid var(--c-text); // border-bottom: 2px solid var(--c-text); // */ border-bottom: 1px solid var(--c-title); padding-bottom: 6px; margin-bottom: 6px; font-size: var(--fs-text); } /* line 103, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .specs span { /* SEPARATOR */ display: inline-block; vertical-align: top; margin-left: 6px; margin-right: 6px; } /* line 114, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .title { /* color: $c_text_blue; font-weight: bold; // TEMP */ font-size: 21px; color: var(--c-title); } /* line 124, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .title a { color: inherit; } /* line 126, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .title a:hover, .m_home_events .w_gridEventsHome .item .title a.is-active { text-decoration: underline; } /* line 135, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .image { display: none; background-color: var(--c_bg_grey_epic); /* PRECAUTION - TEMP CONTENT INSERTION */ margin-top: 12px; } /* line 139, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .image img { width: 100%; display: block; } /* line 148, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item .text { display: none; font-size: 16px; line-height: 1.5em; color: #5C6165; } /* line 198, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type .link a { color: white; } /* line 207, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_events.scss */ .m_home_events .w_gridEventsHome .item:first-of-type .text { display: block; } /* * CSS * Home - Mission */ /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission { height: 60vh; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: flex-end; /* Add the blur effect */ /* filter: blur(8px); -webkit-filter: blur(8px); */ } /* line 42, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission .box { /* filter: blur(0px); -webkit-filter: blur(0px); // RESET ???? */ /* -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); // background-color: rgba(255, 255, 255, 0.5); background-color: rgba($c_bg_red, 0.5); */ background-color: #EE2E2D; width: 50%; padding-top: 48px; padding-bottom: 48px; padding-left: 72px; padding-right: 72px; text-align: center; color: white; } /* line 70, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission .title { font-size: 32px; font-weight: bold; margin-bottom: 36px; } /* line 79, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission .text { font-size: 20px; font-size: 22px; line-height: 1.6em; font-weight: 200; } @media only screen and (max-width: 1024px) { /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission { align-items: center; } /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission .box { width: 70%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(238, 46, 45, 0.8); padding-top: 48px; padding-bottom: 48px; padding-left: 72px; padding-right: 72px; } } @media only screen and (max-width: 768px) { /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission { height: auto; padding-top: 24px; padding-bottom: 24px; } /* line 127, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission .box { width: 80%; /* @include paddingv(48px); @include paddingh(72px); // TEST */ padding-top: 24px; padding-bottom: 24px; padding-left: 48px; padding-right: 48px; } } /* line 165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .w_the_vision { padding-block: 48px; } @media only screen and (max-width: 1024px) { /* line 165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .w_the_vision { padding-block: 24px; } } /* * CSS * Home - Mission */ /* line 187, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission_v2 { background-color: var(--epic-color-green); padding-top: 62px; padding-bottom: 62px; padding-left: 72px; padding-right: 72px; text-align: center; color: var(--c-white); } /* line 199, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission_v2 .title { font-size: var(--fs-header-mega); margin-bottom: 36px; } /* line 204, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission_v2 .text { font-size: var(--fs-text-highlighted); line-height: 1.6em; } /* line 209, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission_v2 .text p:last-of-type { margin-bottom: 0px; } @media only screen and (max-width: 1024px) { /* line 187, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission_v2 { /* @include paddingv(48px); @include paddingh(72px); // TEST */ } } @media only screen and (max-width: 768px) { /* line 187, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_mission_v2 { height: auto; padding-top: 24px; padding-bottom: 24px; padding-top: 24px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; } } /* line 263, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } @media only screen and (max-width: 1024px) { /* line 263, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features { grid-template-columns: repeat(1, 1fr); gap: 72px; max-width: 480px; /* display: block; */ margin-left: auto; margin-right: auto; } } /* line 283, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features .item { /* @include ar_4_3; @include bg_img; */ } /* line 292, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features .item .image { padding-top: 75%; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 298, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features .item .title { margin-top: -26px; width: 90%; /* display: block; */ margin-left: auto; margin-right: auto; background-color: #EE2E2D; padding: 12px 24px; color: white; font-weight: bold; text-align: center; font-size: 20px; } /* line 316, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features .item .link { margin-top: 24px; text-align: center; } /* line 348, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; padding-top: 48px; } @media only screen and (max-width: 1024px) { /* line 348, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 { grid-template-columns: repeat(1, 1fr); max-width: 480px; /* display: block; */ margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 768px) { /* line 348, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 { gap: 24px; } } /* line 381, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 .item { /* @include ar_4_3; @include bg_img; */ overflow: hidden; position: relative; } /* line 395, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 .item .image { padding-top: 75%; background-position: center center; background-repeat: no-repeat; background-size: cover; /* display: flex; flex-direction: column; // justify-content: flex-end; */ } /* line 400, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 .item .image.is-active { /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.2s ease-in-out; -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 417, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_mission.scss */ .m_home_features_v2 .item .title { position: absolute; width: 100%; height: 100%; top: 0; /* display: flex; flex-direction: column; // justify-content: flex-end; */ display: grid; place-items: center; /* width: 90%; @include centered; */ /* background-color: rgba(255,255,255,0.7); // SAME AS HERO HALF */ text-align: center; padding: 12px 24px; color: var(--c-white); text-shadow: 0px 0px 2px #000; font-size: var(--fs-header-mega); } /* * CSS * Hero */ /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association { padding-top: 72px; padding-bottom: 72px; } /* line 14, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .m_sectionHeader { display: unset; } /* line 18, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .m_sectionLink { display: none; } /* line 25, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers { padding-top: 36px; padding-bottom: 36px; } /* line 32, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .row { display: flex; margin-bottom: 48px; } /* line 37, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .row:last-of-type { margin-bottom: 0px; } /* line 42, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item { width: calc(100% / 3); /* border-right: 1px solid $c_bg_grey; // TESTing thsi color ... &:first-of-type {border-left: 1px solid $c_bg_grey;} // TEST */ border-right: 1px solid var(--c-white); color: var(--c-white); } /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item:first-of-type { border-left: 1px solid var(--c-white); } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item.case-no-link { display: flex; justify-content: center; align-items: center; } /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item a { color: inherit; display: block; display: flex; justify-content: center; align-items: center; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /* line 75, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item a:hover { /* border-top: 1px solid $c_bg_grey; border-bottom: 1px solid $c_bg_grey; // background-color: darken($c_bg_red, 10%); // NICE background-color: var(--epic-color-purple); // NICE */ border-top: 1px solid var(--c-white); border-bottom: 1px solid var(--c-white); background-color: var(--c-white); color: var(--epic-color-green); } /* line 91, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item .number { font-size: 56px; margin-right: 24px; } /* line 96, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item .text { font-size: var(--fs-text-highlighted); } @media only screen and (max-width: 768px) { /* line 25, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers { /* flex-direction: column; // justify-content: center; align-items: center; */ } /* line 113, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .row { flex-direction: column; align-items: center; } /* line 124, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item { width: 60%; border-right-width: 0px; border-top: 1px solid #f0f3f8; } /* line 129, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item a { border-top-width: 0px; border-bottom-width: 0px; } /* line 132, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item a:hover { border-top-width: 0px; border-bottom-width: 0px; border-left: 1px solid white; border-right: 1px solid white; } /* line 140, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item:first-of-type { border-left-width: 0px; } /* line 143, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item:last-of-type { border-bottom: 1px solid #f0f3f8; } } @media only screen and (max-width: 568px) { /* line 155, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .row { align-items: flex-start; } /* line 161, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item { width: 100%; } /* line 163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item br { display: none; } /* line 168, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item a { display: flex; justify-content: space-between; padding-left: 12px; padding-right: 12px; } /* line 177, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/home/_association.scss */ .m_home_association .w_gridNumbers .item .text { text-align: right; } } /* do not assign a number here, it comes automatically formsalesforce */ /* * PAGE: REPORTS */ /* * CSS * Home - Market Reports - CHENGE OINTO GRID , AS ITS USED IN SEVERAL PLACES */ /* line 7, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .m_test_new { color: red; } /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .m_home_market_reports_new { padding-top: 48px; padding-bottom: 48px; } @media only screen and (max-width: 768px) { /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .m_home_market_reports_new { padding-top: 24px; padding-bottom: 24px; } } /* line 51, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .slick_case_carousel_gap { --c_local_back: var(--c_local_front); /* aqui solo aplica el tema del sistema lateral para camuflar el hack de lso padding internso de */ /* * THIS IS FOR TEH CASE CAROUSEL - the lateral hack solution */ /* */ margin-left: -16px; margin-right: -16px; /* * A LITTLE LAYOUT HACK - OK - REMEMBER TO RWD IT IF I MAKE RWD CHANGES ... */ position: relative; /* // > *, // .card_annual_report .inner // BUILD IT LIKE THIS !!!! .card_annual_report > .inner // BEACSUE THERE ARE MOR EINNERS /THE IMAGE) // .card_annual_report > .inner > .innerst // BEACSUE THERE ARE MOR EINNERS /THE IMAGE) // .card_annual_report { // @include paddingh(12px); // TRICK - ONLY FRO CAROUSEL SITUATION @include paddingh(16px); // TRICK - ONLY FRO CAROUSEL SITUATION // all this beacsue th elider doenst fdo rows nor gaps ... // border: 3px solid red; // outline: 3px solid red; } // */ } /* line 74, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .slick_case_carousel_gap::before { left: 0px; } /* line 75, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .slick_case_carousel_gap::after { right: 0px; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .slick_case_carousel_gap::before, .slick_case_carousel_gap::after { content: ''; /* */ /* */ background-color: var(--c_local_back); position: absolute; top: 0px; width: 16px; height: 100%; z-index: 1000; } /* line 137, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .slick_case_carousel_gap .slick_gap_outer > .slick_gap_inner { padding-left: 16px; padding-right: 16px; } /* line 172, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .w_gridAnnualReports { display: grid; column-gap: 32px; row-gap: 56px; grid-auto-rows: 1fr; grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1024px) { /* line 172, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .w_gridAnnualReports { grid-template-columns: repeat(3, 1fr); row-gap: 32px; } } @media only screen and (max-width: 768px) { /* line 172, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .w_gridAnnualReports { grid-template-columns: repeat(2, 1fr); column-gap: 24px; } } @media only screen and (max-width: 414px) { /* line 172, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .w_gridAnnualReports { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; } } /* line 214, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report { /* .inner { // item .innerst { // item // SLICK - LEVEL 2 - STIL ISSUE? STIL NEED ANOTHER LEVEL INSIDE ??? */ background-color: var(--c_white); /* PRECAUTION */ box-shadow: 0px 0px 2px #ccc, 0px 2px 2px #ccc; display: flex; flex-direction: column; /* &:nth-of-type(3) .link { a { // CASE 2 background-color: #F3EDED; // EXTRACTED MANUALLY color: #094F66; // EXTRACTED MANUALLY } // a } // nth */ /* } // innerst } // inner */ } /* line 244, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .image { overflow: hidden; /* AS PARENT OF ZOOM ITEM */ } /* line 248, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .image .inner { /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.6s ease-in-out; /* .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } */ } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .card_annual_report .image .inner:hover { -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 253, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .image img { width: 100%; display: block; width: 100%; } /* line 268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .info { padding: 12px; } /* line 272, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .info .title { margin-bottom: 12px; color: #117191; font-size: 20px; font-weight: bold; } /* line 279, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .info .title a { color: inherit; } /* line 281, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .info .title a:hover { text-decoration: underline; } /* line 286, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .info .text { font-size: 14px; color: #595959; } /* line 293, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .link { margin-top: auto; } /* line 296, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_annual_reports.scss */ .card_annual_report .link a { /* display: block; // padding: 6px 6px; // padding: 8px 6px; // text-align: center; // CASE 1 background-color: $c_text_blue; // TODO didnt check the tomne color: white; // CASE 2 // color: $c_text_blue; // font-size: 12px; font-size: 20px; text-decoration: none; &:hover {text-decoration: underline;} // TEMP UI */ } /* * CSS * Module - Monthly Highlights - implement vallenato accoridon system ... etc */ /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports { /* display: grid; // gap: 32px; // column-gap: 32px; row-gap: 48px; // TEST // row-gap: 56px; // TEST grid-template-columns: 1fr; // grid-auto-rows: 1fr; // NOT NEEDED IN THIS CASE */ } /* line 38, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item { margin-bottom: 24px; background-color: var(--c_white); /* PRECAUTION */ /* box-shadow: 0px 0px 2px #ccc, 0px 2px 2px #ccc; // TESTING */ } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item:last-of-type { margin-bottom: 0px; } /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item .title { color: inherit; font-size: 20px; } /* line 74, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item .title a { color: inherit; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item .title a:hover { text-decoration: underline; } /* line 81, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item .text { font-size: 14px; color: #595959; /* USING m_htmleditor */ } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item .link { /* margin-top: auto; */ } /* line 93, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/reports/_monthly_highlights.scss */ .w_gridMonthlyReports .item .link a { /* display: block; // padding: 6px 6px; // padding: 8px 6px; // text-align: center; // CASE 1 background-color: $c_text_blue; // TODO didnt check the tomne color: white; // CASE 2 // color: $c_text_blue; // font-size: 12px; font-size: 20px; text-decoration: none; &:hover {text-decoration: underline;} // TEMP UI */ font-size: 16px; display: inline-block; padding-left: 24px; padding-right: 24px; } /* * GRIDS */ /* * CSS * Home - Market Reports - CHENGE OINTO GRID , AS ITS USED IN SEVERAL PLACES */ /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .m_msgNoResults { padding-top: 72px; padding-bottom: 72px; font-size: 32px; text-align: center; color: #EE2E2D; } /* line 28, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .m_home_market_reports { /* padding-top: $spacing2; // "padding cñlass" takes care of below, but on top, sure taht a little more space coudl be noice... in the blocks... specially in the homepage... so make more generic in nay case !!! a geneifc wrapper f, or dseparator, between sectin titlew and the grid below it !!! */ /* @media only screen and (max-width: $bp_m) { // JUST A TEST, FOR SMALL IN MIND // @include paddingv($spacing); // TEST padding-top: $spacing2; } // MEDIA-QUERY */ } /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports { display: grid; gap: 48px; /* column-gap: 32px; // row-gap: 48px; // TEST row-gap: 56px; // TEST */ grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1200px) { /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 1024px) { /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 568px) { /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports { grid-template-columns: 1fr; grid-auto-rows: auto; } } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-one-line .item_marketreport { display: none; } /* line 93, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-one-line .item_marketreport:nth-of-type(1), .w_gridMarketReports.case-one-line .item_marketreport:nth-of-type(2), .w_gridMarketReports.case-one-line .item_marketreport:nth-of-type(3) { display: flex; } @media only screen and (max-width: 1024px) { /* line 102, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-one-line .item_marketreport:nth-of-type(3) { display: none; } } @media only screen and (max-width: 568px) { /* line 107, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-one-line .item_marketreport:nth-of-type(2) { display: none; } } /* line 122, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-two-lines .item_marketreport { display: none; } /* line 126, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(1), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(2), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(3), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(4), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(5), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(6) { display: flex; } @media only screen and (max-width: 1024px) { /* line 138, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(5), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(6) { display: none; } } @media only screen and (max-width: 568px) { /* line 144, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(3), .w_gridMarketReports.case-two-lines .item_marketreport:nth-of-type(4) { display: none; } } /* line 158, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-related { grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1024px) { /* line 158, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-related { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 568px) { /* line 158, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case-related { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; } } /* line 184, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .w_gridMarketReports.case_sidebar { grid-template-columns: repeat(1, 1fr); row-gap: unset; } /* line 211, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport { background-color: var(--c_white); /* PRECAUTION */ /* // border: 3px solid $c_bg_grey; // box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px $c_bg_grey; // TESTING // box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px #999; // TESTING // box-shadow: 0px 0px 2px $c_bg_grey; // TESTING // box-shadow: 0px 0px 2px #999; // TESTING // box-shadow: 0px 0px 2px #999, 0px 2px 2px #999; // TESTING // box-shadow: 0px 0px 2px #ccc, 0px 2px 2px #999; // TESTING box-shadow: 0px 0px 2px #ccc, 0px 2px 2px #ccc; // TESTING */ border: 1px solid var(--c-black); display: flex; flex-direction: column; /* .info { border: 3px solid red; padding: $spacing05; */ /* } // info */ /* &:nth-of-type(3) .link { a { // CASE 2 background-color: #F3EDED; // EXTRACTED MANUALLY color: #094F66; // EXTRACTED MANUALLY } // a } // nth */ } /* line 230, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .w_image { position: relative; } /* line 235, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .w_image .year { background-color: #EE2E2D; color: white; align-self: flex-start; padding: 12px 12px; position: absolute; bottom: 0px; right: 0px; } /* line 251, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .w_image .recent { background-color: #EE2E2D; color: white; align-self: flex-start; padding: 12px 12px; position: absolute; right: 12px; border-top: 12px solid #EE2E2D; top: -12px; /* &:before { content: 'test'; background-color: $c_bg_red; } */ } /* line 278, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .w_image .image { overflow: hidden; } /* line 286, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .w_image .image .inner img { width: 100%; display: block; width: 100%; } /* line 314, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .title { padding: 0px 12px; padding-top: 12px; margin-bottom: 12px; /* color: $c_text_blue; font-weight: bold; */ font-size: var(--fs-card-title); color: var(--c-title); } /* line 328, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .title a { color: inherit; } /* line 330, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .title a:hover, .item_marketreport .title a.is-active { text-decoration: underline; } /* line 336, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .text_medium { font-size: var(--fs-text); margin-bottom: 12px; } /* line 343, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .text { padding: 0px 12px; padding-bottom: 12px; margin-top: auto; font-size: 14px; font-size: var(--fs-specs); } /* line 353, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .text p { margin-bottom: 12px; } /* line 355, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .text p:last-of-type { margin-bottom: 0px; } /* line 372, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .link a { /* display: block; // padding: 6px 6px; // padding: 8px 6px; // text-align: center; // CASE 1 background-color: $c_text_blue; // TODO didnt check the tomne color: white; // CASE 2 // color: $c_text_blue; // font-size: 12px; font-size: 20px; text-decoration: none; &:hover {text-decoration: underline;} // TEMP UI */ } /* line 402, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .link.disabled { /* TODO - WORK ON THE DESIGN */ } /* line 405, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_market_reports.scss */ .item_marketreport .link.disabled a { background-color: #ccc !important; } /* * CSS * Grid - Team */ /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team { display: grid; column-gap: 48px; row-gap: 60px; grid-template-columns: repeat(5, minmax(0, 1fr)); /* * CARD STAFF */ } @media only screen and (max-width: 1200px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media only screen and (max-width: 1024px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 32px; } } @media only screen and (max-width: 768px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } } @media only screen and (max-width: 414px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; row-gap: 48px; } } /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media only screen and (max-width: 1024px) { /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3 { row-gap: 32px; } } @media only screen and (max-width: 768px) { /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } } @media only screen and (max-width: 414px) { /* line 45, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3 { grid-template-columns: 1fr; grid-auto-rows: auto; row-gap: 48px; } } /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3-thumbnails { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 48px; row-gap: 48px; } @media only screen and (max-width: 1024px) { /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3-thumbnails { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 48px; } } @media only screen and (max-width: 768px) { /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3-thumbnails { grid-template-columns: 1fr; grid-auto-rows: auto; column-gap: 48px; } } @media only screen and (max-width: 414px) { /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-3-thumbnails { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ row-gap: 48px; } } /* line 114, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media only screen and (max-width: 1024px) { /* line 114, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 32px; } } @media only screen and (max-width: 768px) { /* line 114, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } } @media only screen and (max-width: 414px) { /* line 114, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-4 { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; row-gap: 48px; } } /* line 145, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-solo { padding-bottom: 0px; grid-template-columns: repeat(1, 1fr); } @media only screen and (max-width: 1024px) { /* line 157, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-solo .item { display: grid; grid-template-columns: 3fr 7fr; gap: 32px; } } @media only screen and (max-width: 768px) { /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-solo .item { grid-template-columns: 1fr 1fr; grid-template-columns: 4fr 6fr; } } @media only screen and (max-width: 568px) { /* line 179, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-solo .item { display: block; } } /* line 195, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team.case-fx .item .image { overflow: hidden; /* AS PARENT OF ZOOM ITEM */ /* NOT FOR SINGLE PAGE !!!! NEITHER THE LINK - todo !!!! done - */ } /* line 249, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item { display: flex; flex-direction: column; } /* line 253, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .image { margin-bottom: 12px; /* NOT FOR SINGLE PAGE !!!! NEITHER THE LINK - todo !!!! */ /* @include transition(all $t_fast linear); &:hover { box-shadow: 0px 0px 10px 0px #CCCCCC; // test @include scale(1.01); // SÚTIL - se engarndece por afuera, no solo zoom, pero asi mola el efecto, es impatico .... } */ } /* line 254, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .image img { width: 100%; display: block; } /* line 279, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .title { text-transform: capitalize; font-size: var(--fs-card-title); color: var(--c-title); border-bottom: 1px solid var(--c-title); padding-bottom: 6px; margin-bottom: 6px; } /* line 292, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .title a { color: inherit; text-decoration: none; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .m_grid_team .item .title a:hover { text-decoration: underline; } /* line 300, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .role { /* // font-size: 20px; // TEST font-size: 18px; // TEST */ font-size: var(--fs-text); } /* line 312, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .specs { margin-top: 18px; /* // // // // // margin-top: auto; // TEMP PRECAUTION font-size: 15px; // TEMP */ font-size: var(--fs-specs); } /* line 325, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .specs li { margin-bottom: 8px; /* // css line clamp // WORKS WITH EMAIL LINE, BUT NOW WITH LINKEDIN LINE, IT HIODES THE LINKEDIN PROFIEL ALL TOGETHER !!! // MIXIN FOR LINE CLAMP display: -webkit-box; // -webkit-line-clamp: 3; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* line 327, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .specs li:last-of-type { margin-bottom: 0px; } /* line 353, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .specs a { color: inherit; display: flex; gap: 0.4em; } /* line 361, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .specs a:hover { color: var(--epic-color-purple); } /* line 382, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item.case_thumbnail { /* border: 3px solid red; */ display: grid; grid-template-columns: 1fr 2fr; gap: 24px; } /* line 389, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item.case_thumbnail .image { margin-bottom: unset; } /* line 390, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item.case_thumbnail .image img { border-radius: 50%; } /* line 414, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_team.scss */ .m_grid_team .item .extra_info { margin-top: 24px; line-height: 1.4em; } /* * CSS * Grid - Marketing Asset * * REFERENCE: https://www.semiconeuropa.org/news-press/marketing-assets * */ /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets { padding-block: 98px; display: grid; column-gap: 48px; row-gap: 60px; grid-template-columns: repeat(3, minmax(0, 1fr)); /* @media only screen and (max-width: $bp_xs) { // WAS bp_s, BUT it's too early grid-template-columns: 1fr; /& grid-template-columns: repeat(1, 1fr); // TOO VERBOSE grid-auto-rows: auto; // PROOF OF CONCEPT row-gap: 48px; // TEST, FOR SOME SPACING } // MEDIA-QUERY */ /* * CARD - MARKETING ASSET(S) */ } @media only screen and (max-width: 1024px) { /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets { row-gap: 32px; } } @media only screen and (max-width: 768px) { /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } } @media only screen and (max-width: 568px) { /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; row-gap: 48px; } } /* line 58, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item { border: 1px solid black; padding: 2em; display: flex; flex-direction: column; } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .image { margin-bottom: 24px; /* NOT FOR SINGLE PAGE !!!! NEITHER THE LINK - todo !!!! */ /* @include transition(all $t_fast linear); &:hover { box-shadow: 0px 0px 10px 0px #CCCCCC; // test @include scale(1.01); // SÚTIL - se engarndece por afuera, no solo zoom, pero asi mola el efecto, es impatico .... } */ } /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .image img { width: 100%; display: block; } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .title { text-transform: capitalize; font-size: 24px; /* color: $c_text_blue; font-weight: bold; // TEMP */ border-bottom: 1px solid black; padding-bottom: 6px; margin-bottom: 6px; /* a { color: inherit; // &:hover {text-decoration: underline;} @include a_ui_alt; } // a */ } /* line 118, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .role { font-size: 18px; color: #4A4A4A; } /* line 135, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .button a { background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .grid_marketing_assets .item .button a:hover { background-color: var(--epic-color-purple); color: white; } /* line 154, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .specs { margin-top: 18px; font-size: 15px; color: #4A4A4A; } /* line 163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .specs li { margin-bottom: 8px; /* font-style: italic; // BIT NOT THE ICONS ... */ /* // css line clamp // WORKS WITH EMAIL LINE, BUT NOW WITH LINKEDIN LINE, IT HIODES THE LINKEDIN PROFIEL ALL TOGETHER !!! // MIXIN FOR LINE CLAMP display: -webkit-box; // -webkit-line-clamp: 3; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* line 165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .grid_marketing_assets .item .specs li:last-of-type { margin-bottom: 0px; } /* line 236, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset { background-color: var(--c_white); /* PRECAUTION */ box-shadow: 0px 0px 2px #ccc, 0px 2px 2px #ccc; display: flex; flex-direction: column; padding: 2em; /* .info { border: 3px solid red; padding: $spacing05; */ /* .text_medium { font-size: 17px; color: #595959; // TEST FRM --- greyerr !!! margin-bottom: $spacing05; // TEST TEMP } // text */ /* } // info */ /* &:nth-of-type(3) .link { a { // CASE 2 background-color: #F3EDED; // EXTRACTED MANUALLY color: #094F66; // EXTRACTED MANUALLY } // a } // nth */ } /* line 254, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .w_image { background-color: var(--epic-bg-color-grey); aspect-ratio: 4/3; padding: 1em; display: grid; place-items: center; } /* line 271, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .w_image .image .inner img { width: 100%; display: block; width: 100%; } /* line 293, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .title { padding-top: 1em; /* padding: 0px $spacing05; padding-top: $spacing05; */ margin-bottom: 12px; /* color: $c_text_blue; font-weight: bold; */ font-size: 20px; color: var(--c-title); } /* line 311, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .title a { color: inherit; } /* line 313, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .title a:hover, .item_marketing_asset .title a.is-active { text-decoration: underline; } /* line 327, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .text { /* padding: 0px $spacing05; padding-bottom: $spacing05; */ font-size: 14px; } /* line 348, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .text p { margin-bottom: 12px; } /* line 350, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .text p:last-of-type { margin-bottom: 0px; } /* line 363, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .button { margin-top: 2em; display: flex; justify-content: center; } /* line 372, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .button a { background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .item_marketing_asset .button a:hover { background-color: var(--epic-color-purple); color: white; } /* line 394, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .link a { /* display: block; // padding: 6px 6px; // padding: 8px 6px; // text-align: center; // CASE 1 background-color: $c_text_blue; // TODO didnt check the tomne color: white; // CASE 2 // color: $c_text_blue; // font-size: 12px; font-size: 20px; text-decoration: none; &:hover {text-decoration: underline;} // TEMP UI */ } /* line 425, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .link.disabled { /* TODO - WORK ON THE DESIGN */ } /* line 428, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_marketing_assets.scss */ .item_marketing_asset .link.disabled a { background-color: #ccc !important; } /* * CSS * Members */ /* * CSS * w3c - Tooltip */ /* line 13, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .tooltip { position: relative; display: inline-block; display: block; height: 100%; } /* line 26, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .tooltip .tooltiptext { visibility: hidden; width: 100%; background-color: var(--epic-bg-color-grey); /* // color: $c_text_blue; font-weight: bold; // font-size: 18px; // TEST font-size: 20px; // TEST */ text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; top: 0px; /* left: 50%; margin-left: -75px; */ opacity: 0; transition: opacity 0.3s; font-size: 14px; /* TEST */ } /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: var(--c_bg_grey_epic) transparent transparent transparent; } /* line 75, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* line 101, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members { /* maybe do some (lateral) tracking system for ABC indexing ...... o the side, as a plugin perhaps ..... !!!!! find it !!!!!!! search it !!! */ /* * DEFAUKLT VALUES FOR ALL (3) CASES : TODO - work form here, upwards, and try to unify it al as much as possibel - the 3 scenarios !!!! */ } /* line 109, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.test-case-sponsors .item { display: none; } /* line 110, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.test-case-sponsors .item:nth-of-type(1), .m_home_members.test-case-sponsors .item:nth-of-type(2), .m_home_members.test-case-sponsors .item:nth-of-type(3), .m_home_members.test-case-sponsors .item:nth-of-type(4), .m_home_members.test-case-sponsors .item:nth-of-type(5), .m_home_members.test-case-sponsors .item:nth-of-type(6) { display: block; } /* line 132, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-is-carousel { /* aqui solo aplica el tema del sistema lateral para camuflar el hack de lso padding internso de */ /* * THIS IS FOR TEH CASE CAROUSEL - the lateral hack solution */ margin-left: -16px; margin-right: -16px; /* * A LITTLE LAYOUT HACK - OK - REMEMBER TO RWD IT IF I MAKE RWD CHANGES ... */ position: relative; } /* line 143, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-is-carousel::before { left: 0px; } /* line 144, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-is-carousel::after { right: 0px; } /* line 145, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-is-carousel::before, .m_home_members.case-is-carousel::after { content: ''; position: absolute; top: 0px; width: 16px; height: 100%; z-index: 1000; } /* line 163, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid { /* SINGLE MARKET PAGE -. GRID OF LOGOS (GRID WITH VARIATIONS) - segun platimun, gold, or whatevr !! pero como asignarlo !!! eso del size, se podria asignar co un acf de order... decir cuanto logos hay, y cual es grande o no pero la seleccion de emmebers tiene quevenir por la query del salesforce ... */ } /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-big { display: grid; gap: 32px; grid-template-columns: repeat(6, minmax(0, 1fr)); } @media only screen and (max-width: 1024px) { /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-big { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media only screen and (max-width: 768px) { /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-big { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } } @media only screen and (max-width: 414px) { /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-big { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (max-width: 380px) { /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-big { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* line 206, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-big .item .w_image { border-width: 0px; } /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-event { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 1024px) { /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-event { grid-template-columns: repeat(5, 1fr); } } @media only screen and (max-width: 768px) { /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-event { grid-template-columns: repeat(4, 1fr); gap: 12px; } } @media only screen and (max-width: 414px) { /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-event { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 380px) { /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-event { grid-template-columns: repeat(2, 1fr); } } /* line 268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-market { display: grid; gap: 24px; grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1024px) { /* line 268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-market { grid-template-columns: repeat(5, 1fr); } } @media only screen and (max-width: 768px) { /* line 268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-market { grid-template-columns: repeat(4, 1fr); gap: 12px; } } @media only screen and (max-width: 414px) { /* line 268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-market { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 380px) { /* line 268, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid.grid-is-market { grid-template-columns: repeat(2, 1fr); } } /* line 332, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid-turned-carousel-again .item .item_inner { padding-left: 12px; padding-right: 12px; } /* line 338, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid-turned-carousel-again .item .w_image { border: unset; } @media only screen and (max-width: 768px) { /* line 350, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members.case-grid-turned-carousel-again .item .item_inner { /* THIS LAYER HAS NO USAGE IN THE CASE-GRID SCENARIO - but have it as palcehodler */ padding-left: 6px; padding-right: 6px; } } /* line 372, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item { /* * TEMP - AÑADO UN CAMPO NOMBRE, POR AHORA MIUENTRAS TANTO.... */ } /* line 375, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .item_inner { /* ESTO ES LODE PADDING TRICK DEL CAROUSEL ONLY - THIS LAYER HAS NO USAGE IN THE CASE-GRID SCENARIO */ /* PLACHOLDER - PADDING */ } /* line 380, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .w_image { /* REMOVE BOX AROUND THE LOGOS - now changed it */ /* */ background-color: white; border: 1px solid #ccc; padding: 12px; } /* line 410, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .w_image .image a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 438, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 100%; background-size: contain; position: relative; /* .imageCover { // NOT USED YET ........................ position: absolute; width: 100%; height: 100%; // top: 0px; border: 3px solid purple; } // imageCover */ } /* line 442, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .image img { width: 100%; display: block; } /* line 469, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .name { /* display: block; // ? */ text-align: center; margin-top: 6px; color: #ccc; } /* line 483, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .name a { color: #117191; font-weight: bold; } /* line 494, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_members.scss */ .m_home_members .item .name a:hover { text-decoration: underline; } /* * recurertn, for carousels ..... - TEST THE NEW SLIDER - DO THIS TODAY !!!! */ /* * CPT - TESTIMONIALS */ /* * CSS * Testimonials (Slider) - Module */ /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials { /* margin-top: 48px; // NEW */ max-width: 60%; /* display: block; */ margin-left: auto; margin-right: auto; padding-top: 48px; padding-bottom: 48px; padding-bottom: 72px; background-color: var(--c_white); /* box-shadow: 0px 0px 2px 2px #999999; // TEST - FOIND THE CORRECT GREY */ border: 1px solid black; color: var(--c-title); /* * QUOTATION MARKS - on the box, not on the item ... * quoattion marks with before & after .... */ position: relative; } /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::before, .testimonials::after { position: absolute; background-color: #EE2E2D; border-radius: 50%; width: 64px; height: 64px; color: white; display: flex; justify-content: center; font-size: 48px; line-height: 89px; } /* line 49, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::before { content: '“'; top: -24px; left: 48px; } /* line 56, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::after { content: '”'; bottom: -24px; right: 48px; } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item { /* // "show on other pages" &.case-home { outline: 4px solid red; // TEMP } // case-yes &.case-association { outline: 4px solid orange; // TEMP } // case-yes */ text-align: center; } /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing { display: flex; justify-content: center; gap: 24px; align-items: center; margin-bottom: 18px; } /* line 106, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing .image { flex-shrink: 0; /* @include circle(140px); */ overflow: hidden; width: 120px; height: 120px; } /* line 117, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing .image img { width: 100%; display: block; } @media only screen and (max-width: 768px) { /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing { /* flex-direction: column; align-items: center; .image {order: 1;} .quote {order: 0;} */ } } /* line 154, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing_OTHER { max-width: 60%; text-align: left; } /* line 158, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing_OTHER .quote { max-width: 100%; margin-bottom: 12px; } /* line 180, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .w_testing_OTHER .name::before { /* width: 40%; margin: 0 auto; */ margin-left: unset; /* padding-bottom: 12px; */ margin-bottom: 12px; } /* line 219, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .quote { max-width: 60%; /* font-family: serif; // color: $c_text_blue; */ font-size: 20px; position: relative; /* &::after { content: ''; background-color: #B5CED5; height: 2px; // position: absolute; // width: 100%; display: block; width: 60%; margin: 0 auto; margin-top: 12px; // TEST // padding-top: 12px; // bottom: -6px; // bottom: -8px; // left: 0px; // left: 20%; } // after */ } /* line 222, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .quote.case_left { text-align: left; } /* line 250, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .quote p { margin-bottom: 12px; } /* line 252, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .quote p:last-of-type { margin-bottom: 0px; } /* line 288, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .name { margin-bottom: 3px; font-size: 20px; /* &::before { content: ''; background-color: #B5CED5; height: 2px; // position: absolute; // width: 100%; display: block; // width: 60%; width: 40%; margin: 0 auto; // margin-top: 12px; // TEST margin-bottom: 12px; // TEST // padding-top: 12px; // bottom: -6px; // bottom: -8px; // left: 0px; // left: 20%; } // after */ } /* line 318, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .role { /* // color: $c_bg_red; // HAVENT CHECKED font-size: 12px; */ font-size: 14px; } @media only screen and (max-width: 1024px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials { max-width: 80%; } } @media only screen and (max-width: 768px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials { max-width: 100%; } /* line 347, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::before { left: 24px; } /* line 348, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::after { right: 24px; } /* line 349, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .quote { max-width: 70%; } } @media only screen and (max-width: 568px) { /* line 354, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::before { left: 12px; } /* line 355, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials::after { right: 12px; } /* line 356, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/testimonials/_testimonials.scss */ .testimonials .item .quote { max-width: 80%; } } /* * CSS * Home .. - Ads */ /* line 10, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test { border: 3px solid black; padding-top: 48px; padding-bottom: 48px; overflow: hidden; } /* line 27, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item { float: left; width: 23.5%; margin-right: 2%; } /* line 32, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item:nth-of-type(4n) { margin-right: 0%; } /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item .image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 100%; position: relative; box-shadow: 0px 0px 3px 0px #CCCCCC; transition: all 0.2s linear; } /* line 52, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item .image.case-yes { outline: 4px solid red; } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item .image img { width: 100%; display: block; } /* line 35, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .m_home_ads_img_test .item .image:hover { box-shadow: 0px 0px 10px 0px #CCCCCC; transform: scale(1.01); } /* line 94, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item .image .imageCover { /* NOT USED, YET */ } /* line 100, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads_img_test .item .image a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 144, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads { padding-top: 48px; padding-bottom: 48px; margin-left: -16px; margin-right: -16px; } /* line 153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item { /* * TEMP - AÑADO UN CAMPO NOMBRE, POR AHORA MIUENTRAS TANTO.... */ } /* line 160, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .item_inner { padding-left: 16px; padding-right: 16px; } /* line 166, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 100%; position: relative; box-shadow: 0px 0px 3px 0px #CCCCCC; transition: all 0.2s linear; } /* line 170, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .image.case-yes { outline: 4px solid red; } /* line 184, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .image img { width: 100%; display: block; } /* line 35, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .m_home_ads .item .image:hover { box-shadow: 0px 0px 10px 0px #CCCCCC; transform: scale(1.01); } /* line 212, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .image .imageCover { /* NOT USED, YET */ } /* line 218, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .image a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 237, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .name { /* display: block; // ? */ text-align: center; margin-top: 12px; } /* line 248, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .name a { color: inherit; /* color: $c_text_blue; // TEST font-weight: bold; // temp */ } /* line 258, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_ads.scss */ .m_home_ads .item .name a:hover { text-decoration: underline; } /* * CSS * Become a member .- rename as epic module cta prompt bpx or sth like that - also requires the buttons !!!!! */ /* line 10, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member { border: 3px solid black; /* background-image: url('../img/Ilustration.png'); // background: url('../img/Ilustration.png'), red; // @include bg_img; background-position: right bottom; // background-position: bottom right; background-repeat: no-repeat; // background-size: cover; // background-size: contain; background-size: 50%; */ } /* line 24, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member.case-did-you-know { padding-top: 72px; padding-bottom: 72px; background-image: url("../img/Ilustration.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 50%; } /* line 44, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member.case-did-you-know .text { color: black; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .row { display: grid; grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 1024px) { /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .row { grid-template-columns: repeat(1, 1fr); } } /* line 91, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .row .item:first-of-type, .m_home_become_a_member .row .item.case-text { padding-top: 72px; padding-bottom: 72px; } /* line 96, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .row .item.case-even { padding-left: 72px; } /* line 100, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .row .item.case-even .text { padding-right: 24px; } /* line 119, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .image { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../img/bg/jobs.jpg"); height: 100%; display: none; } /* line 134, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .text { color: white; font-size: 14px; font-size: 16px; font-size: 18px; line-height: 1.6em; margin-bottom: 24px; margin-bottom: 36px; padding-right: 72px; } @media only screen and (max-width: 768px) { /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .text { max-width: 100%; } } @media only screen and (max-width: 568px) { /* line 178, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member.scss */ .m_home_become_a_member .link a { width: 100%; text-align: center; } } /* * CSS * Become a member .- rename as epic module cta prompt bpx or sth like that - also requires the buttons !!!!! */ @media only screen and (max-width: 1024px) { /* line 17, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row:nth-of-type(even) { /* border: 12px solid red; // outline: 12px solid blue; // */ display: flex; flex-direction: column; } /* line 25, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row:nth-of-type(even) .item.case-text { order: -1; } } /* line 36, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row { display: grid; grid-template-columns: repeat(2, 1fr); /* // &:nth-of-type(even) { &:nth-of-type(2n) { border: 12px solid red; // outline: 12px solid blue; // } // even */ } @media only screen and (max-width: 1024px) { /* line 36, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row { grid-template-columns: repeat(1, 1fr); } } /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row .item.case-text { padding-top: 72px; padding-bottom: 72px; padding-left: 96px; padding-right: 72px; } /* line 64, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row .item.case-text.case-even { padding-left: 96px; padding-right: 48px; } @media only screen and (max-width: 1024px) { /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row .item.case-text { padding-left: 48px; padding-right: 48px; } /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row .item.case-text.case-even { padding-left: 48px; } } @media only screen and (max-width: 768px) { /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row .item.case-text { padding-inline: 24px; } /* line 92, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .row .item.case-text.case-even { padding-inline: 24px; } } /* line 121, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; } @media only screen and (max-width: 1024px) { /* line 121, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .image { padding-top: 56.25%; } } /* line 153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .text { color: white; font-size: 14px; font-size: 16px; font-size: 18px; line-height: 1.6em; margin-bottom: 36px; padding-right: 72px; } @media only screen and (max-width: 568px) { /* line 153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .text { padding-right: 48px; } } /* line 184, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .link a { background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_home_become_a_member_new .link a:hover { background-color: var(--epic-color-purple); color: white; } @media only screen and (max-width: 768px) { /* line 200, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .text { max-width: 100%; } } @media only screen and (max-width: 568px) { /* line 209, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_home_become_a_member_new.scss */ .m_home_become_a_member_new .link a { width: 100%; text-align: center; } } /* * WORDPRESS - RESULTS - INTEGRATION (either one or the other) */ /* * CSS * BLOG * grid_blog + card_blog - - - + find single_blog */ /* desde eimoe, hacia cowoow rename blog grid as grid_blog, not grid_posts // nor w_gridPosts */ /* INSTRUCTIONS FOR ANY GRID: separate grid behavior (wrapper & cols) from item behavior (and its own rwd behavior) */ /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .grid_results { display: grid; gap: 24px; /* perspective: 1000px; */ } /* line 77, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result { /* // transform: rotateX(5deg); transform: rotateX(10deg); @include transitionGeneral; // TEST S &:hover{ transform: rotateX(0deg); } // hover */ background-color: white; border: 1px solid black; /* border: 1px solid $c_text_blue; // box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px $c_bg_grey; // TESTING box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px #999; // TESTING - TOO DARK */ padding: 24px 24px; overflow: hidden; /* new placement */ display: grid; grid-template-columns: 200px 1fr; /* padding: $spacing075; */ } /* line 117, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .image { /* border-radius: 3px; */ /* overflow: hidden; */ /* */ background-position: center center; background-repeat: no-repeat; background-size: cover; /* // case-no-image con su padding system, aka use aspect ratio testing css !!!!!!!!!!!! &.case-no-image { // @include bg_img; @include ar_4_3; } // case-no-image */ } /* line 124, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .image img { width: 100%; display: block; } /* line 139, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .image a { display: block; height: 100%; } /* line 153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info { /* padding-top: 1em; padding: $spacing075; */ padding: 18px; } /* line 164, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .category { margin-bottom: 1em; color: var(--c-gray); } /* line 177, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .category a { color: inherit; } /* line 181, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .category a:hover { text-decoration: underline; } /* line 197, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .title { margin-bottom: 0.5em; font-weight: bold; } /* line 215, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .title a:hover { text-decoration: underline; } /* line 224, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .specs { margin-bottom: 1em; color: var(--c-gray); display: flex; gap: 18px; } /* line 249, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .text { color: var(--c-gray); line-height: 1.7em; } /* line 260, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results.scss */ .card_result .info .link { margin-top: 1.5em; display: flex; } /* * CSS * BLOG * grid_blog + card_blog - - - + find single_blog - - - GRID RESULTS SIMPLE - COPY FOMR MOSS / OMG WHATEVER */ /* desde eimoe, hacia cowoow rename blog grid as grid_blog, not grid_posts // nor w_gridPosts */ /* INSTRUCTIONS FOR ANY GRID: separate grid behavior (wrapper & cols) from item behavior (and its own rwd behavior) */ /* * GRID - RESULTS */ /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .grid_results_simple { display: grid; gap: 24px; } /* as separator, just have an organge line ..... and so some anchor ui inteactivity */ /* * CARD - RESULTS */ /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple { background-color: white; border: 1px solid black; /* border: 1px solid $c_text_blue; // box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px $c_bg_grey; // TESTING box-shadow: 0px 0px 2px $c_bg_grey, 0px 2px 2px #999; // TESTING - TOO DARK */ padding: 24px 24px; padding: 18px; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple .category { margin-bottom: 1em; color: var(--c-gray); } /* line 89, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple .category a { color: inherit; } /* line 92, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple .category a:hover { text-decoration: underline; } /* line 105, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple .title { margin-bottom: 0.5em; font-weight: bold; } /* line 115, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple .title a:hover { text-decoration: underline; } /* line 123, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/sections/results/_grid_results_simple.scss */ .card_result_simple .text { color: var(--c-gray); line-height: 1.7em; } /* * CSS * Grid - Events - Upcoming */ /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .registration_closed { display: inline-block; margin-top: 6px; /* font-size: 12px; padding: 6px; border-radius: 3px; font-weight: bold; // background-color: $c_text_blue; // blue // background-color: #212121; // blue // $c_text: #212121; // whwtever // background-color: #727272; // blue // $c_text_2: #727272; // thun vs track // color: $c_white; */ background-color: #878787; font-size: 14px; padding: 0.6em 1em; color: var(--c-white); } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .slickslider.case_past .registration_closed { display: none !important; } /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events { display: grid; grid-template-columns: repeat(3, 1fr); /* column-gap: 32px; row-gap: 64px; */ column-gap: 48px; row-gap: 72px; /* CASE PAST EVENTS - MIGHT NOT USE THIS LAYOUT ANYMORE */ } /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case_past .registration_closed { display: none !important; } /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-related { grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1024px) { /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-related { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 568px) { /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-related { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; } } /* line 99, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-one-line .item_event { display: none; } /* line 102, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-one-line .item_event:nth-of-type(1), .m_grid_events.case-one-line .item_event:nth-of-type(2), .m_grid_events.case-one-line .item_event:nth-of-type(3) { display: block; } @media only screen and (max-width: 1024px) { /* line 108, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-one-line .item_event:nth-of-type(3) { display: none; } } @media only screen and (max-width: 568px) { /* line 113, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-one-line .item_event:nth-of-type(2) { display: none; } } /* line 130, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-past .item_event .specs { border-bottom-color: #EE2E2D; } /* line 131, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events.case-past .item_event .title { color: #EE2E2D; } @media only screen and (max-width: 1024px) { /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 768px) { /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events { /* grid-template-columns: repeat(1, 1fr); */ } } @media only screen and (max-width: 568px) { /* line 50, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .m_grid_events { grid-template-columns: 1fr; } } /* line 183, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .imageGallery { /* display: grid; gap: $spacing025; grid-template-columns: 2.5fr 1fr; // ????? define maybe through golden ratio, calculate it with oncscreen riuler chrome extension grid-template-rows: 1fr 1fr; // ???? */ margin-bottom: 24px; } /* line 194, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .imageGallery .image { /* ONLY SHOW THE n IMAGE(S) */ display: none; overflow: hidden; /* AS PARENT OF ZOOM ITEM */ } /* line 199, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .imageGallery .image:nth-of-type(1) { display: block; } /* line 203, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .imageGallery .image .inner { background-color: var(--c_bg_grey_epic); /* PRECAUTION - TEMP CONTENT INSERTION */ /* overflow: hidden; */ /* MUST BE ADDED TO THE PARENT, DUUH */ /* PRECAUTION - GOES HERE, SO IT'S ALREADY INCLUDED "DE FACTO" */ transition: all 0.6s ease-in-out; /* .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } */ background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 56.25%; position: relative; } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .item_event .imageGallery .image .inner:hover { -ms-transform: scale(1.1); /* IE 9 */ transform: scale(1.1); } /* line 216, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .imageGallery .image .inner img { width: 100%; display: block; } /* line 224, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .imageGallery .image .inner a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 245, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .logo { margin-bottom: 24px; } /* line 261, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .logo .inner { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 56.25%; background-size: contain; background-position: left center; /* */ position: relative; } /* line 273, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .logo .inner a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* line 293, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image { margin-bottom: 24px; position: relative; } /* line 298, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image.case-pending { padding-top: 56.25%; position: relative; } /* line 305, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image.case-pending .inner { position: absolute; inset: 0; background-image: url("../img/logos/logo-epic.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-size: contain; } /* line 341, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image .recent_test { background-color: #EE2E2D; color: white; align-self: flex-start; padding: 12px 12px; position: absolute; right: 12px; border-top: 12px solid #EE2E2D; top: -12px; z-index: 1; /* &:before { content: 'test'; background-color: $c_bg_red; } */ } /* line 366, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image .recent_test.case_alt { /* background-color: $c_bg_red; border-top: 12px solid $c_bg_red; */ background-color: var(--epic-color-blue); border-top-color: var(--epic-color-blue); } /* line 387, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image .inner { /* @include bg_img; @include ar_16_9; position: relative; a { display: block; position: absolute; top: 0px; width: 100%; height: 100% } */ } /* line 391, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .banner_image .inner img { width: 100%; display: block; } /* line 418, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .specs { border-bottom: 1px solid var(--c-text); padding-bottom: 6px; margin-bottom: 6px; font-size: var(--fs-text); } /* line 431, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .title { font-size: var(--fs-card-title); color: var(--c-title); } /* line 435, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .title a { color: inherit; text-decoration: none; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .item_event .title a:hover { text-decoration: underline; } /* line 447, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .list { margin-top: 12px; } /* line 451, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .list span { display: block; margin-bottom: 6px; font-size: 15px; color: #4A4A4A; } /* line 459, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .list ul { display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: #4A4A4A; } /* line 469, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events.scss */ .item_event .list a { text-decoration: none; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-sass/_layout_sass.scss */ .item_event .list a:hover { text-decoration: underline; } /* * CSS * Grid - Events - Past */ /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past { display: grid; gap: 64px; grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 1024px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; } /* line 28, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item { padding-right: 0px !important; } } /* line 38, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past.case-related { grid-template-columns: repeat(3, 1fr); gap: 32px; /* .item { padding-right: 0px; // UNDO IN RWD !!!! } // item */ } @media only screen and (max-width: 1024px) { /* line 38, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past.case-related { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ grid-auto-rows: auto; } } /* line 73, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item { /* padding-right: $spacing4; // UNDO IN RWD !!!! - undo all over, y si acaso subir el gap !!! */ } /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .date { border-bottom: 4px solid #EE2E2D; padding-bottom: 6px; margin-bottom: 6px; color: #4A4A4A; } /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery { display: grid; gap: 6px; grid-template-columns: 2.5fr 1fr; grid-template-rows: 1fr 1fr; margin-bottom: 18px; } /* line 106, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery .image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 42.55%; position: relative; } /* line 113, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery .image:first-of-type { grid-row-start: 1; grid-row-end: span 2; } /* line 120, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery .image a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } @media only screen and (max-width: 768px) { /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 568px) { /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery { grid-template-columns: 1fr 1fr; } /* line 141, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .imageGallery .image:first-of-type { grid-column-start: 1; grid-column-end: span 2; } } /* line 159, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .title { color: #EE2E2D; font-weight: bold; font-size: 24px; margin-bottom: 18px; } /* line 166, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .title a { color: inherit; } /* line 168, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .title a:hover { text-decoration: underline; } /* line 173, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item .text { font-weight: light; font-size: 16px; color: #4A4A4A; margin-bottom: 18px; } @media only screen and (max-width: 768px) { /* line 5, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past { grid-template-columns: 1fr; } /* line 190, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_grid_events_past.scss */ .m_grid_events_past .item { padding-right: 0px; } } /* * CSS * Moduole - Technoogy page module * PAGE: Technology - - - - - - - - - -?!?!?!?!??!?!?! */ /* line 7, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_technology.scss */ .m_pageTechnology { border: 3px solid red; margin-bottom: 72px; display: grid; gap: 48px; grid-template-columns: 2fr 1fr; } /* line 24, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_technology.scss */ .m_pageTechnology .info .title { color: #117191; font-weight: bold; } /* line 42, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_technology.scss */ .m_pageTechnology .profile .image { margin-bottom: 18px; } /* line 43, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_technology.scss */ .m_pageTechnology .profile .image img { width: 100%; display: block; } /* line 47, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_technology.scss */ .m_pageTechnology .profile .title { color: #117191; padding-bottom: 6px; border-bottom: 2px solid #117191; margin-bottom: 6px; } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_technology.scss */ .m_pageTechnology .profile .role { margin-bottom: 18px; } /* * CSS * EU Initiatives */ /* line 13, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_initiatives .m_button { margin-top: 24px; } /* gaps & etc .... */ /* TAB TRIGGERS */ /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives { display: grid; gap: 24px; grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1024px) { /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 768px) { /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 568px) { /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives { grid-template-columns: 1fr; /* grid-template-columns: repeat(1, 1fr); */ } } /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item { box-shadow: 0px 0px 2px #ccc, 0px 2px 2px #ccc; } /* line 69, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item.is-active { /* outline: 4px solid $c_text_blue; // TEST */ box-shadow: 0px 0px 10px 0px #CCCCCC; transform: scale(1.1); } /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item.is-active:hover { transform: scale(1); } /* line 101, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item:hover { /* outline: 4px solid $c_text_blue; // TEST - BORDER ADDS, WHATEVER, MAKES LOGO SMALLER... */ } /* line 122, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item .w_image { background-color: white; /* PRECAUTION */ padding: 12px; box-shadow: 0px 0px 3px 0px #CCCCCC; transition: all 0.2s linear; } /* line 35, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/2-styling/_style_sass.scss */ .m_gridInitiatives .item .w_image:hover { box-shadow: 0px 0px 10px 0px #CCCCCC; transform: scale(1.01); } /* line 133, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item .image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 100%; background-size: contain; position: relative; } /* line 139, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item .image img { width: 100%; display: block; } /* line 151, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item .image .imageCover { /* NOT USED YET */ } /* line 156, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives .item .image a { display: block; position: absolute; top: 0px; width: 100%; height: 100%; } /* scroll - when seldcing on any trigger, auto scroll up to wherte the text starts ....... stil issue if there are too many... in that case, i should show the info iunder the item ... perhaps, with triangulito etc ... */ /* TAB TARGETS */ /* line 183, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_gridInitiatives_NOT .item { /* display: none; &:first-of-type {display: block;} // first, temp */ } /* line 230, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives { padding-top: 48px; padding-bottom: 48px; display: flex; flex-direction: column; gap: 96px; } /* line 236, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item { display: grid; grid-template-columns: 1fr 3fr; gap: 48px; border-bottom: 1px solid #ccc; padding-bottom: 72px; } @media only screen and (max-width: 1024px) { /* line 236, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item { grid-template-columns: 1fr; } } @media only screen and (max-width: 568px) { /* line 236, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item { /* grid-template-columns: repeat(1, 1fr); */ } } /* line 258, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item:last-of-type { border-bottom-width: 0px; padding-bottom: 0px; } /* line 266, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .image img { width: 100%; display: block; } @media only screen and (max-width: 1024px) { /* line 265, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .image { width: 38%; } } @media only screen and (max-width: 768px) { /* line 265, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .image { /* display: block; */ margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 568px) { /* line 265, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .image { width: 62%; } } /* line 277, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .title { margin-bottom: 12px; font-size: 20px; /* color: $c_text_blue; font-weight: bold; */ color: var(--c-title); } /* line 287, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .title a { color: inherit; text-decoration: none; } /* line 290, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .title a:hover, .m_listInitiatives .item .info .title a.is-active { text-decoration: underline; } /* line 297, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .text { font-size: 16px; line-height: 1.4em; } /* line 304, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .text a { font-weight: bold; text-decoration: underline; } /* line 307, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .text a:hover { text-decoration: none; } /* line 313, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .m_button { margin-top: 24px; /* @media only screen and (max-width: $bp_s) { a {display: block;} } // MEDIA-QUERY */ } /* line 317, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .m_button a { /* @extend %buttonBase; display: inline-block; */ /* @include s_ui_button_transition; */ padding: 0.6em 1.3em; font-size: 18px; background-color: var(--epic-color-red); color: white; transition: background-color 0.2s linear; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/4-buttons/_buttons.scss */ .m_listInitiatives .item .info .m_button a:hover { background-color: var(--epic-color-purple); color: white; } @media only screen and (max-width: 768px) { /* line 313, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .m_button { text-align: center; } } /* line 347, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/sections/_module_initiatives.scss */ .m_listInitiatives .item .info .m_button.is-active { border: 12px solid red; outline: 12px solid yellow; } /* * COMPONENTS - WORDPRESS */ /* * CSS * WP - Admin Bar * * wpadminbar - shown through functions.php * * Activated through functions.php - and then learn to hide it through the theme settings */ /* line 9, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_adminbar.scss */ #wpadminbar { /* -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); */ -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(29, 35, 39, 0.3) !important; } /* * CSS * WP Pagination */ /* line 12, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .w_pagination { margin-top: 96px; text-align: center; } /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination { display: inline-block; } /* line 24, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination .page-numbers { float: left; margin-right: 12px; margin-bottom: 12px; /* background-color: $c_text; color: $c_white; */ color: var(--c-title); border: 2px solid var(--epic-color-blue); display: block; padding: 8px 12px; font-size: 15px; width: 42px; /* UI */ transition: all 0.2s linear; } /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination .page-numbers:hover { /* background-color: var(--epic-color-purple); */ } /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination .page-numbers { background-color: white; color: var(--epic-color-blue); /* UI */ /* background-color: none; color: $c_text; */ /* * CASE = CURRENT */ } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination .page-numbers:hover { /* background-color: #ccc; color: $c_text; */ background-color: var(--epic-color-purple); color: var(--c_white); /* background-color: none; color: $c_text; */ } /* line 112, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination .page-numbers.current { background-color: var(--epic-color-blue); color: var(--c_white); } /* line 119, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/wordpress/_wp_pagination.scss */ .pagination .page-numbers.current:hover { background-color: inherit; color: inherit; /* background-color: $c_text; // background-color: $c_accent; color: $c_white; */ background-color: var(--epic-color-blue); color: var(--c_white); } /* CSS Document - SASS */ /* Front-End */ /* STYLEGUIDE */ /* line 48, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ #demo_wrapper { background-color: #ccc; } /* line 56, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ #w_fonts { font-size: 28px; } /* line 64, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(1) { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; } /* line 65, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(2) { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-style: italic; } /* line 66, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(3) { font-family: 'Roboto', Arial, sans-serif; font-weight: 300; } /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(4) { font-family: 'Roboto', Arial, sans-serif; font-weight: 300; font-style: italic; } /* line 68, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(5) { font-family: 'Roboto', Arial, sans-serif; font-weight: bold; } /* line 69, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(6) { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; } /* line 70, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(7) { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; } /* line 71, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .fonts_item:nth-of-type(8) { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; } /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ #w_colors { overflow: hidden; } /* line 82, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item { float: left; width: 10.75%; padding-top: 10.75%; margin-right: 2%; margin-bottom: 2%; } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(8n) { margin-right: 0%; } /* line 93, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(1) { background-color: #E64A19; } /* line 94, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(2) { background-color: #999; } /* line 95, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(3) { background-color: #FFCCBC; } /* line 96, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(4) { background-color: var(--c_white); } /* line 97, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(5) { background-color: #03A9F4; } /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(6) { background-color: #212121; } /* line 99, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(7) { background-color: #727272; } /* line 100, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_dev_styleguide.scss */ .colors_item:nth-of-type(8) { background-color: #B6B6B6; } /* * COMPONENTS - REACTIONS / PATTERNS */ /* line 3, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slide img { /* border:5px solid #FFF; */ /* borrar esta linea */ display: block; width: 100%; } /* Slider */ /* line 14, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* -ms-touch-action: none; touch-action: none; */ /* touch-action: auto; -ms-touch-action: auto; */ touch-action: pan-y; -ms-touch-action: pan-y; /* pointer-events: none; @media (hover: hover) { pointer-events: auto; } */ -webkit-tap-highlight-color: transparent; } /* line 57, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-list { z-index: 100; position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } /* line 59, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-list:focus { outline: none; } /* line 60, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; } /* line 61, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-list.dragging { cursor: pointer; cursor: hand; } /* line 63, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } /* line 68, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-track:before, .slick-track:after { content: ""; display: table; } /* line 69, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-track:after { clear: both; } /* line 70, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-loading .slick-track { visibility: hidden; } /* line 74, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slide { float: left; min-height: 1px; display: none; z-index: 1; position: relative; } /* line 86, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slide img { display: block; } /* line 87, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slide.slick-loading img { display: none; } /* line 88, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-slide.dragging img { pointer-events: none; } /* line 89, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-initialized .slick-slide { display: block; } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-loading .slick-slide { visibility: hidden; } /* line 91, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ /* @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } */ /* Arrows */ /* line 100, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-prev, .slick-next { z-index: 100; /* CARL */ /* color:#f00; */ /* CARL */ position: absolute; display: block; /* height: 20px; width: 20px; */ /* height: 40px; width: 40px; */ /* width: 60px; */ line-height: 0; font-size: 0; cursor: pointer; background: transparent; /* color: #fff; */ /* TEST DE CARL - para el texto de los arrows - NO HA FUNCIONADO */ top: 50%; /* height: 20px; width: 20px; margin-top: -10px; */ height: 40px; width: 40px; margin-top: -20px; padding: 0; border: none; outline: none; } /* line 144, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-prev:focus, .slick-next:focus { outline: none; } /* line 147, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; /* efecto interesante */ display: none; /* TEST DE CARL */ z-index: 0; } /* button.slick-prev:before, button.slick-next:before { background-color: red; // TEST // background-color: $c_black; &:hover {background-color: red;} } */ /* line 174, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; /* font-size: 60px; */ line-height: 1; color: #fff; /* vip, color del no-arrow */ font-weight: bold; /* padding:15px 20px; */ display: block; /* height:100%; */ padding: 10px 0px; background-color: #EE2E2D; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* CARL - EFECTO HOVER */ /* .slick-prev:hover:before, .slick-next:hover:before { // background-color: $c_main; background-color: lighten(#FF5722, 5%); } */ /* line 219, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-prev { /* left: -25px; */ left: 0px; } /* line 223, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-prev:before { content: "◀"; /* font-family: 'Gentium Basic', sans-serif; */ } /* line 229, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-next { /* right: -25px; */ right: 0px; } /* line 234, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-next:before { content: "▶"; } /* Dots */ /* .slick-slider { margin-bottom: 30px; } */ /* line 248, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } /* line 250, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } /* line 252, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } /* line 255, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-dots li button:focus { outline: none; color: black; } /* line 264, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 56px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #878787; opacity: 1.00; font-size: 64px; } /* line 296, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_slick.scss */ .slick-dots li.slick-active button:before { /* THIS IS THE "ACTIVE" */ opacity: 1.00; /* no opacity */ color: #EE2E2D; } /* MODULES */ /* CSS Document - FRONT-END */ /* =================================================================== */ /* LIGHTBOX ME */ /* =================================================================== */ /* line 8, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_lightboxme.scss */ .lightboxme_trigger { cursor: pointer; background-color: #999; float: left; padding: 24px; color: #fff; } /* line 15, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_lightboxme.scss */ .lightboxme_trigger:hover { background-color: #E64A19; } /* line 24, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_lightboxme.scss */ .lightboxme_content { clear: right; display: none; background-color: #FFCCBC; color: #fff; /* width:700px; */ width: 62%; padding: 24px; } /* line 35, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_lightboxme.scss */ .lightboxme_content .close { cursor: pointer; text-align: right; margin-bottom: 24px; } /* line 40, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/modules/_lightboxme.scss */ .lightboxme_content .close:hover { color: #999; } /* TASKS 1) sassify nested 2( change id to class change name of wrapper */ /* * CSS COUNTER */ /* line 12, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .accordion-header::before { /* content: "# " counter(section) ": "; */ /* Display the word 'Section ', the value of section counter, and a colon before the content of each h3 */ /* content: "# " counter(section); */ /* content: counter(section); */ } /* TODO - THINGS TO DO */ /* line 38, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container { display: grid; row-gap: 24px; grid-template-columns: 1fr; } /* line 47, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .accordion-header { cursor: pointer; /* BASE SCENARIO SHOULD BE THE SAME AS THE INACTUVE HEADER SCENARIO */ /* background: url(../img/icons/images-vallenato/inactive-header.gif) $c_white; background-repeat: no-repeat; background-position: right 50%; */ background-color: var(--c_white); /* border: 2px solid $c_text_blue; // TETS, MIGHT HAVE ISSUES color: $c_text_blue !important; */ border: 2px solid var(--epic-color-blue); color: var(--epic-color-blue) !important; padding: 6px 18px; color: white; /* SEPARATION BETWEEN ITEMS - solved without needing to build an "accordin pair" ... but still */ margin-top: 12px; position: relative; } /* line 76, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .accordion-header:first-of-type { margin-top: 0px; } /* line 79, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .accordion-header::after { position: absolute; right: 6px; top: 14px; content: '▾'; color: #117191; font-size: 42px; line-height: 0.4em; } /* line 103, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .active-header { /* background: url(../img/icons/images-vallenato/active-header.gif) $c_text_blue; background-repeat: no-repeat; background-position: right 50%; */ background-color: var(--epic-color-blue); color: var(--c_white) !important; position: relative; } /* line 119, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .active-header::after { position: absolute; right: 6px; top: 14px; content: '▴'; color: var(--c_white); font-size: 42px; line-height: 0.4em; } /* line 136, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .active-header:hover { /* background: url(../img/icons/images-vallenato/active-header.gif) $c_text_blue; // can change tone background-repeat: no-repeat; background-position: right 50%; */ background-color: var(--epic-color-blue); color: var(--c_white) !important; } /* line 149, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .inactive-header { /* background: url(../img/icons/images-vallenato/inactive-header.gif) $c_white; background-repeat: no-repeat; background-position: right 50%; */ background-color: var(--c_white); /* border: 2px solid $c_text_blue; // TETS, MIGHT HAVE ISSUES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! color: $c_text_blue !important; */ border: 2px solid var(--epic-color-blue); color: var(--epic-color-blue) !important; position: relative; transition: all 0.2s linear; } /* line 165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .inactive-header::after { position: absolute; right: 6px; top: 14px; content: '▾'; color: #117191; font-size: 42px; line-height: 0.4em; } /* line 192, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .inactive-header:hover { /* background: url(../img/icons/images-vallenato/inactive-header.gif) $c_text_blue; // can change tone background-repeat: no-repeat; background-position: right 50%; */ background-color: var(--epic-color-blue); color: var(--c_white) !important; } /* line 201, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .inactive-header:hover::after { color: inherit; } /* line 215, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/reactions/_cowo_accordion_vallenato.scss */ .accordion-container .accordion-content { display: none; background-color: var(--c_white); /* PRECAUTION - JUST IN CASE */ padding: 24px; border: 2px solid #117191; border-top-width: 0px; /* border: 1px solid #cccccc; border-top: 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; */ } /* * COMPONENTS - WOOCOMMERCE */ /* * CSS * WOOCOMMERCE - Cart - test - many TABLE's !!!!!!!!!!!! */ /* line 22, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ form.woocommerce-cart-form { float: left; width: 50%; } /* line 33, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .cart-collaterals { float: left; width: 50% !important; } /* line 40, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .cart-collaterals .cart_totals { background-color: #f0f3f8; padding: 18px; width: 100% !important; } /* * PAGE - CHECKOUT */ /* .woocommerce span.select2-selection { border: unset !important; border-bottom: 1px solid var(--c-form-border) !important; // border-radius: unset; } */ /* * PAGE - PRODUCT */ /* line 118, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce-breadcrumb { display: none !important; } /* line 121, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce div.product .product_title { /* clear: none; margin-top: 0; padding: 0; */ color: #117191; font-size: 44px; line-height: 1.2em; font-weight: bold; } /* line 137, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce div.product p.price, .woocommerce div.product span.price { /* color: #77a464; */ color: #117191 !important; /* font-size: 1.25em; */ } /* line 148, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce-product-details__short-description { padding-top: 24px !important; padding-bottom: 24px !important; } /* super temp hack .- categories.... */ /* line 165, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .product_meta { display: none; } /* line 169, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce-tabs.wc-tabs-wrapper { display: none !important; } /* line 170, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .related.products { display: none !important; } /* line 172, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ #sidebar { display: none !important; } /* ??? WHAT DO WE DO WITH THE OPTIN PF PAHGE SHOP ????? */ /* cart àge - hide the upadte vcart button, as we now aunt showing any wautity option */ /* THANK YOU OAGE !!!!!!!!!!!! */ /* line 191, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce-notice--success { font-size: 20px; } /* line 208, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce ul.order_details { border-top: 2px solid #A2A2A2; padding-top: 56px; margin-top: 24px !important; } /* line 222, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce ul.order_details li { /* float: left; margin-right: 2em; text-transform: uppercase; font-size: .715em; line-height: 1; border-right: 1px dashed #d3ced2; padding-right: 2em; margin-left: 0; padding-left: 0; list-style-type: none; */ float: none !important; margin-right: 0px !important; border-right-width: 0px !important; padding-right: 0px !important; font-size: 15px !important; text-transform: none !important; } /* line 250, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce ul.order_details li br { display: none !important; } /* line 255, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce ul.order_details li strong { /* display: block; */ /* font-size: 1.4em; */ display: inline !important; font-size: 18px !important; } /* line 264, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce ul.order_details li > span { display: inline-block; width: 200px; } @media only screen and (max-width: 768px) { /* line 280, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .woocommerce ul.order_details li > span { /* display: inline-block; */ display: block; width: 100%; } } /* RESISTER PAGE */ /* line 295, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_cart.scss */ .ur-frontend-form#user-registration-form-55 { margin-bottom: 0px; /* RESET */ border-width: 0px; /* RESET */ padding: 0px; /* RESET */ } /* CSS Document */ /* ULTIKE FORMATTING OPTIONS */ /* OPTION 1 - ALL WORDS CAPITLIZED - CREATES ISSUE WITH "And" */ /* */ /* line 20, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ ul#select2-billing_where_company_located_within_photonics_supply_chain-results .select2-results__option { text-transform: capitalize; } /* line 29, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ select#select2-billing_where_company_located_within_photonics_supply_chain option { text-transform: capitalize; } /* option { display: block; padding: 12px 24px; background-color: #117191; color: white; font-weight: bold; } */ /* line 47, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ p#billing_memberofepic_field, p#billing_invoice_field { border: 1px solid rgba(128, 128, 128, 0.47); padding: 12px; margin: revert; border-radius: 5px; } /* line 54, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ p#billing_memberofepic_field label, p#billing_memberofepic_field input[type="radio"], p#billing_invoice_field label, p#billing_invoice_field input[type="radio"] { display: inherit; margin: 5px; } /* line 64, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ p#billing_memberofepic_field input[type="radio"]#billing_memberofepic_0 { display: none; } /* line 73, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ p#billing_invoice_field input[type="radio"]#billing_invoice_0 { display: none; } /* line 83, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_conditional_checkout_fields.scss */ p#billing_news_field { border: 1px solid rgba(128, 128, 128, 0.47); padding: 12px; margin: revert; border-radius: 5px; } /* OPTION 2 - ONLY 1ST LETTER OF THE STRNG IS CAPITALIZED FIXES ISSUE WITH "And" - BUT CREATES ISSUE (NOT BUENO) BY LOWECASE WORDS THAT PROLLY SHOULD BE CAPILATIZED.*/ /* ul#select2-billing_where_company_located_within_photonics_supply_chain-results .select2-results__option::first-letter { text-transform: capitalize; } */ /* OPTION 3 REVERT TO OPTION 1, AND CHANGE "AND" FOR "&" - THIS IS THE SOLUTION IM PRSENTING S*/ /* OPTION 4 REVERT TO OPTION 1, AND HAVE A SCRIPT TOP CHANGE "And" to "and" */ /* line 6, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce div.product div.images.woocommerce-product-gallery { display: none !important; } /* line 19, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .grid_single_product { display: flex; flex-direction: column; gap: 48px; } /* line 29, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .grid_single_product_inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px; } @media only screen and (max-width: 768px) { /* line 38, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .grid_single_product_inner { grid-template-columns: 1fr; } } /* .w_gridLayout_70_30_wc_hack { border: 2px solid black; // display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px; } @media only screen and (max-width: $bp_l) { .w_gridLayout_70_30_wc_hack { grid-template-columns: 1fr; // gap: 48px; } } // MEDIA-QUERY */ /* line 67, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ a.return_from_checkout { border-radius: unset !important; } /* line 72, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ a.return_from_checkout:hover { text-decoration: none; } /* line 78, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ button.return_from_checkout { border-radius: unset !important; font-size: 12px !important; padding: 6px !important; border: none !important; } /* line 90, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ a.return { border-radius: unset !important; } /* line 98, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce div.product div.summary { float: none !important; } /* line 103, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce div.product .product_title { display: none !important; } /* line 109, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000 !important; font-weight: bold; } /* line 116, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce div.product form.cart .button { /* vertical-align: middle; float: left; */ border-radius: unset !important; } /* * PRICE VARIATOSN AND ADDONS */ /* line 137, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce div.product div.summary { /* margin-bottom: 2em;*/ width: unset !important; } /* line 147, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ table.variations label[for=pa_membership] { color: black !important; font-size: 1em !important; } /* line 153, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .woocommerce-variation { margin-bottom: 2em; } /* line 157, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .pewc-product-extra-groups-wrap.pewc-groups-standard { color: black; } /* line 161, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .pewc-group-wrap { margin-bottom: 2em; } /* line 164, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .pewc-group-heading-wrapper { margin-bottom: 1em; } /* line 167, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .pewc-group-heading-wrapper h3 { margin-bottom: 1em; line-height: 1.4em; } /* line 171, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ h4.pewc-field-label { margin-bottom: 1em; line-height: 1.4em; } /* line 178, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .pewc-item-field-wrapper label { color: black !important; padding-top: 3px; } /* line 184, D:/wamp64/www/epic-photonics/wp-content/themes/COWOWO/assets/style/scss/components/woocommerce/_wc_single_product.scss */ .pewc-total-field-wrapper { font-weight: bold; margin-top: 2em; border-top: 1px solid; } /* * COMPONENTS - OBSOLETE */ /*# sourceMappingURL=global.css.map */