/* * Elegant Tabs for Visual Composer - v3.6.2 */ .et-tabs { position: relative; /* overflow: hidden; */ /* margin: 0 auto; */ width: 100%; /* line-height: 0 !important; */ } /* Nav */ .et-tabs nav { text-align: center; overflow: visible !important; display: inline-block !important; line-height: 0 !important; font-weight: 300; font-size: 1.25em; } .et-tabs.et-tabs-sticky nav.elegant-tabs-nav { display: block !important; position: -webkit-sticky; position: sticky; z-index: 99999; } .et-tabs.et-tabs-carousel nav.elegant-tabs-nav { padding-bottom: 20px; } .et-tabs nav ul { position: relative; display: inline-block; margin: 0 auto; padding: 0; width:100%; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .equal-width-tabs nav ul { display: grid; } .et-tabs.justified-tabs.equal-width-tabs nav ul li { width: auto !important; } .et-tabs nav select.et-mobile-tabs { display: none; } .et-tabs nav ul li { position: relative; z-index: 1; margin: 0; text-align: center; display: inline-block; float: left; transition: all 0.2s; } .et-tabs:not(.et-inherit-desktop) nav a { white-space: nowrap; } .et-tabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 2.5; text-decoration: none; box-shadow: none !important; -webkit-box-shadow: none !important; } .et-tabs nav a:hover, .et-tabs nav a:focus { box-shadow: none !important; -webkit-box-shadow: none !important; } .et-tabs nav a span { vertical-align: middle; } .et-tabs nav a:focus { outline: none; } /* Content */ .et-content-wrap { position: relative; color:#444444; } .et-tabs.et-tabs-style-tzoid .et-content-wrap { margin-top: -8px; } .et-content-wrap section { display: none; margin: 0 auto; padding: 1em; line-height: 1.5em; } .et-tabs.et-horizontal .et-content-wrap section { padding-left: 0; padding-right: 0; } .et-content-wrap section.content-current { display: block; width: 100%; clear: both; box-sizing: border-box; } .infi-content-wrapper.animated { opacity: 1 !important; } /* Next/prev. tab icons */ .et-prev-tab, .et-next-tab { width: 32px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; cursor: pointer; z-index: 9; background: #ddd; } .et-next-tab { right: 0; } .et-prev-tab { left: 0; } /* icons */ i.iw-icons { font-style: normal; z-index: 10; display: inline-block; margin: 0 0.4em 0 0; vertical-align: middle; text-transform: none; font-variant: normal; font-size: 1.3em; } /* Right aligned tabs */ .et-align-right nav { width: 100% !important; text-align: right !important; } .et-align-right ul li { float: none !important; } /* Center aligned tabs */ .et-align-center nav { width: 100% !important; margin-bottom: 10px; } .et-align-center ul li { float: none !important; } /* Vertical Tabs */ .et-tabs.et-vertical nav { min-width: 170px; max-width: 25%; width: auto; float: left; } .et-vertical .et-content-wrap { width: 75%; max-width: calc( 100% - 200px ); float: left; } .et-vertical .et-content-wrap .content-current { padding: 0 15px; } .et-tabs.et-vertical nav ul li { display: block !important; width: 100%; margin-bottom: 5px; } /* Icon Box Vertical */ .et-vertical.et-tabs-style-iconbox nav ul li.tab-current::after { left: 100% !important; top: 50% !important; margin-left: 0 !important; margin-top: -10px !important; border-top-color: transparent; border-left-color: inherit !important; } /* Underline Vertical */ .et-vertical.et-tabs-style-underline nav li a::after { left: auto; top: 0; width: 6px; height: 100%; right: 0; -webkit-transform: translate3d(150%,0,0); transform: translate3d(150%,0,0); } .et-vertical.et-tabs-style-underline nav a { border: 1px solid #e7ecea; } /* Topline Vertical */ .et-vertical.et-tabs-style-topline nav li.tab-current { border: 1px solid rgba(40,44,42,0.1); border-right: none; } /* Linebox Vertical */ .et-vertical.et-tabs-style-linebox nav ul li { margin-bottom: 0 !important; } /* Justified Tabs */ .et-tabs.justified-tabs nav { width: 100%; } .et-tabs.justified-tabs nav ul li { display: table-cell !important; float: none !important; width: 1%; height: 100%; vertical-align: middle; } .et-tabs.justified-tabs nav ul li a { height: inherit; } /* Responsive tabs */ .infi-responsive-tabs .infi-tab-accordion .infi_accordion_item { padding: 10px; flex: 5; } .infi-accordion-item-heading .iw-icons { display: inline-block !important; margin-right: 8px !important; } .infi-tab-accordion .infi_accordion_item{ cursor: pointer; display: flex; align-items: center; } .infi-accordion-icon { flex: 1; display: none; align-items: center; justify-content: center; } .infi-tab-accordion.infi-active-tab .accordion-icon-minus, .infi-tab-accordion:not(.infi-active-tab) .accordion-icon-plus { display: flex; } .elegant-tabs-container { position: relative; margin-top: 15px; float: left; width: 100%; } .infi-responsive-tabs { display: none; } .infi-accordion-item-heading { display: flex; align-items: center; width: 100%; line-height: 24px; } .infi-accordion-item-heading img.elegant-tabs-image-icon { margin-right: 8px; } /* Sub title styling */ .et-tab-sub-title { font-size: 0.75em; display: block; } .et-tabs-style-bars nav ul li a .et-tab-sub-title { margin-top: 0px; margin-bottom: 10px; line-height: 1em; } .et-tabs-style-iconbox nav ul li a .et-tab-sub-title { margin-top: 7px; } .et-tabs-style-iconfall nav ul li a .et-tab-sub-title, .et-tabs-style-line nav ul li a .et-tab-sub-title, .et-tabs-style-linebox nav ul li a .et-tab-sub-title, .et-tabs-style-flip nav ul li a .et-tab-sub-title, .et-tabs-style-tzoid nav ul li a .et-tab-sub-title, .et-tabs-style-fillup nav ul li a .et-tab-sub-title, .et-tabs-style-underline nav ul li a .et-tab-sub-title, .et-tabs-style-topline nav ul li a .et-tab-sub-title { line-height: 1.2em; } .et-tabs-style-linebox nav ul li a .et-tab-sub-title, .et-tabs-style-flip nav ul li a .et-tab-sub-title, .et-tabs-style-tzoid nav ul li a .et-tab-sub-title, .et-tabs-style-iconbox-iconlist nav ul li a .et-tab-sub-title { margin-bottom: 10px; } @media screen and (max-width: 58em) { .et-tabs nav a.icon span { display: none; } .et-tabs nav a:before { margin-right: 0; } } /* Maximum width of 720 pixels. */ @media screen and ( max-width: 720px ) { .et-tabs:not(.et-inherit-desktop) > nav ul, .et-tabs.et-tabs-style-iconbox-iconlist:not(.et-inherit-desktop) nav ul { display:none; } .infi-responsive-tabs, .infi-responsive-tabs nav ul { display: block; } .et-vertical .et-content-wrap, .et-tabs.et-vertical nav { max-width: 100%; width: 100%; float: none; } .et-tabs.et-mobile-enabled nav select.et-mobile-tabs { display: block; background-color: white; border: thin solid #d1d1d1; border-radius: 0; font: inherit; line-height: 1.2em; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; margin: 15px 0px; max-width: 100%; width: 100%; height: 36px; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.2em; background-repeat: no-repeat; color: transparent; text-shadow: 0 0 0 #000; } .et-tabs.justified-tabs nav ul li, .et-tabs nav { display: block !important; width: 100% !important; } }