/* Theme Name: ISGAM Author: 801red Author URI: http://www.801red.com Version: 1.0 Text Domain: isgam */ /* IMPORTS */ @import url(assets/css/reset.css); /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */ @keyframes fadeDown {from {opacity: 0;transform: translate3d(0,-30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInDown {animation-name: fadeDown }@keyframes fadeLeft {from {opacity: 0;transform: translate3d(-30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInLeft {animation-name: fadeLeft }@keyframes fadeRight {from {opacity: 0;transform: translate3d(30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInRight {animation-name: fadeRight }@keyframes fadeUp {from {opacity: 0;transform: translate3d(0,30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInUp {animation-name: fadeUp } /** * 1.0 Global * ----------------------------------------------------------------------------- */ /* INNER BOX PADDING FOR RESPONSIVE COLUMNS */ * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* BASIC SETUP */ body { font-size:14px; } body:not(.elementor-editor-active) .elementor-menu-anchor:before { content: ""; display:block; height: 96px; /* fixed header height*/ margin: -96px 0 0; /* negative fixed header height */ visibility: hidden; pointer-events: none; } /* TYPOGRAPHY */ /* Headings */ /* Text elements */ p:last-child { margin-bottom: 0 !important; margin-block-end: 0 !important; } /* TABLES */ table { width:100%; } tr { height:40; } th { vertical-align:middle; text-align:right; padding:0 10; } td { padding:6px; } table.lined td { border-bottom:1px dotted #ddd; } /* FORMS */ input:not([type=checkbox]):not([type=radio]), textarea { border:solid 1px #999;; width:100%; padding:6px; } input.radio { width:auto; } /* TAGS */ .overlay::after { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ''; background: linear-gradient(180deg, var(--e-global-color-primary) 0%, var(--e-global-color-text) 50%); mix-blend-mode: multiply; } .overlay > .e-con-inner { z-index: 9; } .gradient span { background: linear-gradient(to right, #FFFFFF, #009dcf); background-clip: text; color: transparent; } .grayscale .elementor-motion-effects-layer { background-blend-mode: luminosity; background-color: #999; } /** * 2.0 Layout * ----------------------------------------------------------------------------- */ .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-container.justify { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .flex-container.justify-left { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .flex-container.justify-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .flex-container.justify-right { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; } .flex-container.align-top { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .flex-container.align-center { -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .flex-container.align-bottom { -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } .flex-container.wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; } .flex-container.column { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .grid { max-width:1200px; margin:auto; } /** * 3.0 Header * ----------------------------------------------------------------------------- */ body.admin-bar header > div { margin-top: 32px; } /** * 4.0 Navigation * ----------------------------------------------------------------------------- */ /* MAIN NAVIGATION */ /** * 5.0 Asides * ----------------------------------------------------------------------------- */ /* SIDEBAR */ aside { } aside ul { } aside ul li { } /* WIDGETS */ /** * 6.0 Content * ----------------------------------------------------------------------------- */ /* WORDPRESS */ .widgets, .widget ul { list-style: none; margin: 0; padding: 0; } .alignleft { float: left; margin: 0 20px 0 0; } .alignright { float: right; margin: 0 0 0 20px; } .aligncenter { display: block; margin: 0 auto; } p.postmetadata {} .byline {} /* SOCIAL ICONS */ /* BUTTONS */ .custom-button .elementor-button-wrapper, .custom-button .elementor-button-wrapper a { position: relative; } .custom-button .elementor-button-wrapper a { z-index: 9; } .custom-button .elementor-button-wrapper *, .custom-button .elementor-button-wrapper::after { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .custom-button .elementor-button-wrapper::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #FFF; } .custom-button.flat .elementor-button-wrapper::after { height: 0; } .custom-button:hover .elementor-button-wrapper::after { height: 100%; left: -8px; width: calc(100% + 16px); } .custom-button.flat:hover .elementor-button-wrapper::after { left: 0; width: 100%; } .custom-button.blue .elementor-button-wrapper::after { background-color: #121740; } .custom-button.blue path { fill: #121740 !important; } .custom-button .elementor-button-icon svg { width: .8em; } .custom-button:hover .elementor-button-wrapper a, .custom-button:hover .elementor-button-icon path { color: #121740 !important; fill: #121740 !important; } .custom-button.blue:hover .elementor-button-wrapper a, .custom-button.blue:hover .elementor-button-icon path { color: #FFF !important; fill: #FFF !important; } /** * 7.0 Footer * ----------------------------------------------------------------------------- */ /* FOOTER */ /* COLOPHON */ /** * 8.0 Responsive * ----------------------------------------------------------------------------- */ @media all and (max-width: 1060) { } @media all and (max-width: 768px) { } @media all and (max-width: 568px) { } @media all and (max-width: 340px) { }