/** * @version 1.0.1 * @package Influence template for Joomla! 3.x * @author JoomlaXTC http://www.joomlaxtc.com * @copyright Copyright (C) 2017 Monev Software LLC. All rights reserved. * @license http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License */ /* ----------------------------------------------*/ /* 01 - Global Structure /* ----------------------------------------------*/ /* Global Styles */ .row{margin-left:0!important} table{width:100%;border-collapse:collapse} #component dd{margin-left:0!important} .com_content #component dd{margin-left:0!important;display:inline;padding-right:12px;font-size:13px} .button{background:tranparent;border:1px solid #fff;vertical-align:top} button.btn{margin-bottom:12px} .btn{vertical-align:top!important} .formstyle .button{background:#fff;border:1px solid #666;vertical-align:top;padding:9px 16px} ul.nav li{list-style:none inside none!important} form ul,form ul li{list-style-type:none!important} .tooltip{background:transparent!important;border:0!important} #message{width:1280px;margin:0 auto;left:25%;z-index:99} .btn.jmodedit{z-index:1000001} a.btn.jmodedit{background:#3fb60a!important;border-radius:50%!important;width:25px!important;height:28px!important;color:#fff;margin-right:10%;border:3px solid #fff;font-size:18px;animation-name:blinker;animation-duration:1.5s;animation-timing-function:linear} @-moz-keyframes blinker{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}@-webkit-keyframes blinker{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}@keyframes blinker{0%{opacity:1}50%{opacity:.8}100%{opacity:1}} #messagewrap{padding:10px 0} #system-message{padding:0!important;margin-bottom:0!important} div#sbox-window.shadow{z-index:9999999999!important} [class^="icon-"],[class*=" icon-"]{vertical-align:middle;background-image:none} label.btn{border-radius:0!important} /* ----------------------------------------------*/ /* 02 - Menu CSS /* ----------------------------------------------*/ #menuwrap ul.nav li.dropdown:hover > ul.dropdown-menu,.sidemenu ul.nav li.dropdown:hover > ul.dropdown-menu{display:block} #menuwrap .navbar ul.dropdown-menu ul.dropdown-menu{left:100%;top:0!important;z-index:15!important} #menuwrap .dropdown-menu{max-width:999px} #menuwrap ul.nav .dropdown-menu span.separator{padding:0 6px} #menuwrap .navbar-inner{background:transparent;padding:0;border:none} #menuwrap ul.nav li.dropdown:hover > ul.dropdown-menu li > ul.dropdown-menu{padding:10px;margin-top:-11px;margin-left:0} #menuwrap .navbar .nav>li>a{text-shadow:none} #menuwrap ul.dropdown-menu{z-index:12!important} #menuwrap .dropdown-menu{border-radius:0} #menuwrap .navbar{margin-bottom:0} #menuwrap .navbar .nav>li>.dropdown-menu:before,#menuwrap .navbar .nav>li>.dropdown-menu:after{display:none!important} #menuwrap .navbar .dropdown-menu>.active>a,#menuwrap .navbar .dropdown-menu>.active>a:hover,#menuwrap .navbar .dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:transparent;background-image:none!important;background-repeat:no-repeat;outline:0} .navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{box-shadow:none} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;border:0 solid #ccc;border-right-width:0;border-bottom-width:0;border-radius:0;box-shadow:none;background-clip:padding-box} .navbar-inner{min-height:40px;padding-right:20px;padding-left:20px;background-color:transparent;background-image:none;background-repeat:repeat-x;border:0 solid #d4d4d4;border-radius:0;box-shadow:none} #menuwrap .dropdown-menu>li>a{padding:8px 14px;margin-right:4px} #menuwrap b.caret{display:none} div.nav-collapse.in.collapse{position:absolute;background:#000;top:100%;left:0;width:100%;text-align:left;padding-bottom:100%} .nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:block!important} div.nav-collapse.in.collapse ul.nav li{border-bottom:1px solid #333} #menuwrap .nav-collapse.in.collapse ul.dropdown-menu ul.dropdown-menu{margin-top:-5px} .nav-collapse .dropdown-menu{margin:0} .navbar.nav-collapse.in.collapse.nav>li>a{padding:14px 22px 22px!important} #menuwrap .nav-collapse.in.collapse .nav>li>a,#menuwrap .nav-collapse.in.collapse .nav>li>a.active > a,#menuwrap .nav-collapse.in.collapse .nav>li>a:hover > a,#menuwrap .nav-collapse.in.collapse ul.nav span.separator{padding-top:8px;padding-bottom:8px} #menuwrap .nav-collapse.in.collapse .nav>li>a{color:#fff!important} #menuwrap .nav-collapse.in.collapse .dropdown-menu a,#menuwrap .nav-collapse.in.collapse ul.nav .dropdown-menu span.separator{padding-left:16px;font-size:18px} #menuwrap #menu .nav-collapse.in.collapse ul.nav ul.dropdown-menu{box-shadow:none} #menuwrap #menu .nav-collapse.in.collapse ul.nav li > ul > li{border-bottom:0} #menuwrap #menu ul.nav ul.dropdown-menu li{padding:4px;margin-top:3px} #menuwrap #menu .nav-collapse.in.collapse ul.nav ul.dropdown-menu li{padding:8px} #menuwrap #menu ul.nav li:last-child ul.dropdown-menu{margin-left:-74px} #menuwrap #menu .nav-collapse.in.collapse ul.nav li:last-child ul.dropdown-menu{margin-left:0} #menuwrap #menu ul.nav li > ul.dropdown-menu li:last-child ul.dropdown-menu{margin-left:0} #menuwrap #menu.dropcol2 ul.nav ul.dropdown-menu{margin-left:-120px} #menuwrap #menu.dropcol2 ul.nav li:last-child ul.dropdown-menu{margin-left:-190px} #menuwrap #menu.dropcol2 ul.nav li > ul.dropdown-menu li:last-child ul.dropdown-menu{margin-left:0} #menuwrap #menu.dropcol2 ul.nav ul.dropdown-menu li{display:inline-block;width:50%;box-sizing:border-box} #menuwrap #menu.dropcol3 ul.nav ul.dropdown-menu{padding:8px;margin-left:-160px} #menuwrap #menu.dropcol3 ul.nav li:last-child ul.dropdown-menu{margin-left:-296px} #menuwrap #menu.dropcol3 ul.nav li > ul.dropdown-menu li:last-child ul.dropdown-menu{margin-left:0} #menuwrap #menu.dropcol3 ul.nav ul.dropdown-menu li{display:inline-block;width:33.3%;box-sizing:border-box} #menuwrap #menu.dropcol4 ul.nav ul.dropdown-menu{padding:8px;margin-left:-220px} #menuwrap #menu.dropcol4 ul.nav li:last-child ul.dropdown-menu{margin-left:-437px} #menuwrap #menu.dropcol4 ul.nav li > ul.dropdown-menu li:last-child ul.dropdown-menu{margin-left:0} #menuwrap #menu.dropcol4 ul.nav ul.dropdown-menu li{display:inline-block;width:25%;box-sizing:border-box} #menuwrap #menu.dropcol2 ul.dropdown-menu ul.dropdown-menu li,#menuwrap #menu.dropcol3 ul.dropdown-menu ul.dropdown-menu li,#menuwrap #menu.dropcol4 ul.dropdown-menu ul.dropdown-menu li{display:block;width:100%;box-sizing:border-box} #menuwrap #menu.dropcol2 .nav-collapse.in.collapse ul.nav ul.dropdown-menu,#menuwrap #menu.dropcol3 .nav-collapse.in.collapse ul.nav ul.dropdown-menu,#menuwrap #menu.dropcol4 .nav-collapse.in.collapse ul.nav ul.dropdown-menu{min-width:100%;padding:0;margin-left:0} #menuwrap #menu.dropcol2 .nav-collapse.in.collapse ul.nav ul.dropdown-menu li,#menuwrap #menu.dropcol3 .nav-collapse.in.collapse ul.nav ul.dropdown-menu li,#menuwrap #menu.dropcol4 .nav-collapse.in.collapse ul.nav ul.dropdown-menu li{display:block;width:100%;box-sizing:border-box} ul.dropdown-menu > ul.dropdown-menu{min-width:190px!important;padding:8px 8px 6px;margin-left:0} #menuwrap #menu.dropcol2 .nav-collapse.in.collapse ul.dropdown-menu ul.dropdown-menu,#menuwrap #menu.dropcol3 .nav-collapse.in.collapse ul.dropdown-menu ul.dropdown-menu,#menuwrap #menu.dropcol4 .nav-collapse.in.collapse ul.dropdown-menu ul.dropdown-menu{min-width:100%;padding:0;margin-left:0;margin-top:0;box-sizing:border-box} .nolink{cursor:default} /* MOBILE BUTTON */ .btn .btn-navbar,.navbar .btn-navbar{background:transparent!important;background-image:transparent!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none!important} .navbar .btn-navbar .icon-bar{width:28px!important;height:4px!important;margin-bottom:4px!important} .nav-collapse.in.collapse ul.dropdown-menu {height:200px;overflow-y:scroll;} /* SIDE MENU */ .sidemenu ul.dropdown-menu{position:static;top:0;left:0;display:none;float:none;min-width:0;padding:0;margin:0;list-style:none;border:0;background:transparent} .nav-pills>li>a{border-radius:0;margin-bottom:18px} ul.nav-child{margin:0} ul.nav-child li a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:24px} .sidemenu ul.dropdown-menu{margin-left:0} .sidemenu ul.dropdown-menu>li>a,.sidemenu .nav-pills > li > .separator{padding-top:8px;padding-bottom:8px;border-radius:0} .sidemenu .dropdown-menu>li>a:hover,.sidemenu .dropdown-menu>li>a:focus,.sidemenu .dropdown-submenu:hover>a,.sidemenu .dropdown-submenu:focus>a{color:#333} .sidemenu ul.nav li.dropdown:hover > ul.dropdown-menu li > ul.dropdown-menu{margin:0} .sidemenu .nav-pills > li > span.separator,.sidemenu .nav-pills>li>a{font-size:18px;margin-right:2px;line-height:14px;margin-bottom:3px;padding:12px} .sidemenu i{display:inline} /* Canvas Menu */ #jxtc_canvasslide_left *,#jxtc_canvasslide_right *{margin:0;padding:0;border:0;outline:0;font-weight:300;font-style:normal;font-size:100%;vertical-align:baseline;line-height:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#jxtc_canvasslide_left a,#jxtc_canvasslide_right a{text-decoration:none}#jxtc_canvasslide_left input[type="radio"],#jxtc_canvasslide_right input[type="radio"]{display:none}#jxtc_canvasslide_left label,#jxtc_canvasslide_right label{cursor:pointer}#jxtc_canvasslide_left{z-index:99999999;position:fixed;width:0;height:100%;top:0;left:0}#jxtc_canvasslide_right{z-index:99999999;position:fixed;width:auto;height:100%;top:0;right:0}#jxtc_canvasslide_left section{margin:0;overflow-y:scroll!important;width:320px;height:100%;left:0;top:10%;z-index:10;background:#202020;-webkit-backface-visibility:hidden;-webkit-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-moz-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-ms-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-o-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);transition:all .4s cubic-bezier(0.2,0.6,0.3,1)}#jxtc_canvasslide_right section{margin:0;overflow-y:scroll!important;width:320px;height:100%;right:0;top:0;position:absolute;z-index:10;background:#202020;-webkit-backface-visibility:hidden;-webkit-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-moz-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-ms-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);-o-transition:all .4s cubic-bezier(0.2,0.6,0.3,1);transition:all .4s cubic-bezier(0.2,0.6,0.3,1)}#jxtc_canvasslide_left section,#jxtc_canvasslide_left input#close-item:checked ~ section{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}#jxtc_canvasslide_right section,#jxtc_canvasslide_right input#close-item:checked ~ section{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}#jxtc_canvasslide_left input#open-item:checked ~ section{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow:visible}#jxtc_canvasslide_right input#open-item:checked ~ section{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow:visible}#jxtc_canvasslide_left section .wrap{padding:30px 0;position:relative}#jxtc_canvasslide_left section .innerwrap{margin-top:30px}#jxtc_canvasslide_left label.open,#jxtc_canvasslide_left label.close{text-align:center;position:absolute}#jxtc_canvasslide_right label.close:hover,#jxtc_canvasslide_right label.close:focus{background:#757786}#jxtc_canvasslide_left label.open{font-family:'FontAwesome';font-size:24px;color:#222;width:50px;bottom:auto;left:-98px;right:auto;top:8%;margin:0 auto;padding:10px 0;text-transform:uppercase;z-index:1}#jxtc_canvasslide_right label.open{font-family:'FontAwesome';font-size:24px;color:#fff;font-weight:100;bottom:auto;left:-120px;right:auto;margin:12px 236px 0 auto;text-transform:uppercase;z-index:1}#jxtc_canvasslide_left input#close-item:checked ~ label.open{-webkit-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;-moz-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;-ms-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;-o-transition:left .3s ease 0.4s,background .1s ease,color .1s ease;transition:left .3s ease 0.4s,background .1s ease,color .1s ease;left:0}#jxtc_canvasslide_right input#close-item:checked ~ label.open{-webkit-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;-moz-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;-ms-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;-o-transition:right .3s ease 0.4s,background .1s ease,color .1s ease;transition:right .3s ease 0.4s,background .1s ease,color .1s ease;right:0}#jxtc_canvasslide_left label.open:hover,#jxtc_canvasslide_left label.open:focus{background:#222;color:#fff}#jxtc_canvasslide_left label.close,#jxtc_canvasslide_right label.close{padding-left:6px;font-size:25px;background:#9ea3c5;color:#fff;width:30px;height:30px;line-height:32px}#jxtc_canvasslide_left label.close:hover,#jxtc_canvasslide_left label.close:focus{background:#757786}#jxtc_canvasslide_right label.close:hover,#jxtc_canvasslide_right label.close:focus{background:#757786}#jxtc_canvasslide_left label,#jxtc_canvasslide_left select,#jxtc_canvasslide_left input{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#jxtc_canvasslide_right label,#jxtc_canvasslide_right select,#jxtc_canvasslide_right input{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#jxtc_canvasslide_left ul,#jxtc_canvasslide_right ul{top:10%;text-align:left}#jxtc_canvasslide_left a,#jxtc_canvasslide_right a{color:#A9A9A9;font-weight:500;padding:15px;cursor:pointer;border-bottom:2px solid #202020;border-left:4px solid #202020;font-size:15px;display:block;padding:8px 19px}#jxtc_canvasslide_left a:hover,#jxtc_canvasslide_right a:hover{background-color:#1b1b1b}#jxtc_canvasslide_left ul li,#jxtc_canvasslide_right ul li{list-style:none}#jxtc_canvasslide_left ul li a,#jxtc_canvasslide_right ul li a{padding:12px 14px}#jxtc_canvasslide_left ul li span.separator,#jxtc_canvasslide_right ul li span.separator{font-weight:100;font-size:14px;color:#fafafa;background-color:#1b1b1b;padding:8px 12px;margin:12px 0;border-bottom:1px solid #191919;text-transform:uppercase;display:block}#jxtc_canvasslide_left span.separator:before,#jxtc_canvasslide_right span.separator:before{content:""}#jxtc_canvasslide_left a:before,#jxtc_canvasslide_right a:before{margin:0 12px;font-family:'FontAwesome';content:"\f105";font-size:14px;font-weight:100}#jxtc_canvasslide_left ul > li > ul > li > ul li a,#jxtc_canvasslide_right ul > li > ul > li > ul li a{font-size:12px;padding-left:34px}#jxtc_canvasslide_left ul > li > ul > li > ul > li > ul li a,#jxtc_canvasslide_right ul > li > ul > li > ul > li > ul li a{font-size:12px;padding-left:54px}#jxtc_canvasslide_left ul > li > ul > li > ul > li > ul > li > ul li a,#jxtc_canvasslide_right ul > li > ul > li > ul > li > ul > li > ul li a{font-size:12px;padding-left:72px} /* Bottom Menu */ ul.menu.bottom{margin-left:0;list-style:none;background:transparent} ul.menu.bottom a{text-decoration:none} ul.menu.bottom li{font-size:14px;padding-bottom:8px;margin-bottom:8px} ul.menu.bottom li:last-child{border-bottom:0} ul.nav.menu li{display:inline-block;padding-right:26px} ul.nav.menu li:last-child{padding-right:0} .footer .nav{margin-bottom:0!important} .footer ul.nav.menu{text-align:center} .footer ul.nav.menu a{background:transparent;color:#fff} ul.nav.menu.colum-menu li{width:40%;padding-right:12px} /* CSS3 Scrollbar Class */ ::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)} /* Video Class */ .video-container{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden}.video-container video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} /* ----------------------------------------------*/ /* 03 - Joomla CSS /* ----------------------------------------------*/ /* Joomla Content */ .com_content #component p{margin:1.5em 0} .com_content #component h1,.com_content #component h2,.com_content #component h3,.com_content #component h4,.com_content #component h5,.com_content #component h6{margin:.55em 0;line-height:100%} .com_content .blog .icons{margin-top:24px} .com_content ul#archive-items li,.com_content .category-list ul li,.com_content .categories-list ul li{list-style:none inside none!important} .tags{margin-bottom:16px} dt.article-info-term{display:none} .page-header{border-bottom:0;text-align:left;padding-bottom:0} /* Joomla Article */ .com_content .item-page .page-header{border-bottom:0!important} .com_content .pull-right.item-image{margin:0 0 18px 40px;width:48%;height:100%} .com_content .pull-left.item-image{margin:0 40px 18px 0;width:48%;height:100%} .tags .label-info[href]{background:#ccc;font-weight:400;text-shadow:none!important;padding:4px 6px} .item-page .article-info{font-size:14px} .item-page a.btn.dropdown-toggle{background:transparent!important;border:0!important;outline:0!important} .item-page .pull-right>.dropdown-menu{margin-top:4px;-webkit-box-shadow:0 7px 19px -1px rgba(0,0,0,0.75);-moz-box-shadow:0 7px 19px -1px rgba(0,0,0,0.75);box-shadow:0 7px 19px -1px rgba(0,0,0,0.75)} span.icon-print,span.icon-envelope{margin-right:6px} .article_media{margin-bottom:16px;display:inline-block} /* Joomla Category Blog */ .com_content .blog .intro,.com_content .cascadeitem,.com_content .blog .item,.com_content .items-leading{margin-bottom:36px} .com_content span.subheading-category{margin-bottom:24px;padding-bottom:12px;} .com_content p.readmore a.btn{background:transparent!important;text-shadow:none!important;background-image:none!important;box-shadow:none!important;font-size:16px!important;border-color:#e6e6e6!important;padding:12px;font-size:18px} p.readmore span{display:none} span.txtcounter{margin-right:15px} .blog_icons{padding:12px 0;font-size:11px;text-align:left} .com_content .blog .cols-6 .page-header h2 a{font-size:50%} /* Category Pricing Table View */ .com_content .pricetbl-wrap{text-align:center} .com_content .ptablesblog .pricetbl-wrap p.readmore{display:block;text-align:center;margin:0!important;border:none!important;background:#4c9188;color:#fff;padding:18px 0} .com_content .ptablesblog .pricetbl-wrap p.readmore a.btn{margin-bottom:0!important;border:0;font-size:16px} .com_content .ptablesblog .pricetbl-wrap p.readmore a.btn span{display:none} .com_content .ptablesblog .pricetbl-wrap p.readmore a,.com_content .blog .pricetbl-wrap p.readmore a:hover{color:#fff!important} .pricetbl-title{color:#fff} .pricetbl-title .page-header h2{text-align:center;padding:12px} .pricetbl-price{font-size:62px;padding:20px} .pricetbl-content{background:#f1f1f1} .pricetbl-content p:nth-child(odd){background:#efefef;margin:0!important;padding:12px 0!important} .pricetbl-content p:nth-child(even){background:#e0e0e0;margin:0!important;padding:12px 0!important} .com_content .ptablesblog .pricetbl-wrap .page-header h2 a,.com_content .blog .pricetbl-wrap .page-header h2{color:#fff!important;font-size:36px!important;margin:0!important;padding:12px 0!important} .com_content .ptablesblog .item .pricetbl-wrap .j2store-product{display:block;text-align:center;margin:0!important;border:none!important;background:#4c9188;color:#fff;padding:18px 0} .com_content .ptablesblog .item .pricetbl-wrap .j2store-product .product-sku,.com_content .ptablesblog .item .pricetbl-wrap .j2store-product .sale-price{display:none!important} .com_content .ptablesblog .item .pricetbl-wrap .j2store-product .btn.btn-primary{background:transparent;border:1px solid #fff} /* Category Staff View */ .cust-test{border:1px solid #ebebeb;margin-bottom:36px} .cust-test img{width:100%} .testm{background:#fff;padding:30px;} .testm:before{border-color:transparent #fff;content:"";margin:-60px 0 10px;position:relative;z-index:999;border-width:25px 0 25px 25px;border-style:solid;display:block;width:0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)} .testm p.test-text{font-size:12px} .testm p.test-title{font-size:12px;font-weight:700} .testm span{font-size:10px} .speaker-affil{border-bottom:1px solid #999;padding:5px 20px 12px 5px;margin:0 auto;display:inline} /* Custom CSS for Social Icons in item view */ ul.social{margin:15px 0 0} ul.social li{display:inline} ul.social i{font-size:18px;color:#333;margin-right:12px} /* Category FAQ Blog */ .com_content .faqblog .faq-blog_item{border:1px solid #ccc;padding:0 40px 20px;margin-bottom:0;margin-top:20px} .com_content .faqblog .faq-blog_item .page-header h2,.com_content .blog .faq-blog_item .page-header h2 a{font-size:18px!important;letter-spacing:0} .com_content .faqblog .faq-blog_item span .page-header h2{top:-10px!important;left:-20px;position:relative;display:inline;padding-left:12px;padding-right:12px} .com_content .faqblog .faq-blog_item span .page-header h2::before{font-family:FontAwesome;content:"\f05a";padding-right:12px} .category-desc{padding-bottom:26px;text-align:center} .com_content .faqblog .faq-blog_item p.readmore{text-align:center} /* Portfolio */ .portfolioitem .pull-none.item-image {text-align: center;} /* Timeline View */ .timeline_date{padding:20px;font-size:32px;display:inline-block;border-top:3px solid #333;border-bottom:3px solid #333} .timeline_line{width:2%;margin:14px auto;height:100px;border-right:2px solid #333} .timeline_text{text-align:center;margin:24px auto;width:75%} .timeline_text p.readmore{text-align:center!important} .com_content .timelineblog .timeline-blog-item .item-image{margin:24px auto;width:50%} .timeline-blog-item dl.article-info{text-align:center} .com_content #component .timeline-blog-item dd{text-align:center;padding-right:0} .timeline-blog-item .page-header{border-bottom:0} .timeline-blog-item h2 a,.timeline-blog-item h2{font-size:42px!important;text-align:center} .timeline_text p{font-size:16px!important;padding-top:3%} .timeline-intro p::before{font-family:'FontAwesome';content:"\f10d";margin-right:8px;color:#ccc!important} .timeline-intro p::after{font-family:'FontAwesome';content:"\f10e";margin-right:8px;color:#ccc!important} .timeline-text p.readmore{margin-top:.5em!important} .timeline-blog-item span.icon-calendar{display:block;text-align:center;margin:24px auto;font-size:36px;font-weight:100} .timeline-blog-item dd.published{font-size:18px;text-align:center} .timeline-blog-item .page-header h2 a,.timeline-blog-item .page-header h2{font-weight:100!important} .timeline-blog-item .pull-left.item-image{text-align:right;width:48%;margin:0 60px 18px 0} .timeline-blog-item .pull-right.item-image{text-align:left;width:48%;margin:0 0 18px 60px} /* Pagination */ li.pagination-prev,li.pagination-next{display:none!important} .item-page .pagenav li{list-style:none inside none;display:inline} .item-page .pager li>a:hover{background:#fff!important} /* CONTACTS */ /* Contact */ .com_contact .thumbnail.pull-right{margin:0 0 24px!important} .com_contact .jicons-icons{display:none} .com_contact label#jform_contact_email_copy-lbl.hasTip,.com_contact input[type="checkbox"]{float:left;margin-right:14px} .thumbnail > img{width:100%} /* SEARCH */ .com_search.search .search .phrases-box .controls{padding-bottom:18px} .com_search.search .search label{display:inline-block} .com_search.search .search input{display:inline-block} .com_search legend{padding:10px 0;margin-bottom:10px;border-bottom:1px solid #ccc} .com_search label{display:inline-block!important;margin-right:4%} .com_search .phrases-box,.com_search fieldset.only{padding:20px 0} .com_search .form-limit{padding:10px 0 20px;margin-bottom:10px;border-bottom:1px solid #ccc} .com_search dd.result-created{margin-bottom:16px} form#mod-finder-searchform.form-search{margin:12px 0 0!important} input#mod-search-searchword.inputbox.search-query{color:#000} .search-results .result{margin-bottom:36px} /* USERS */ .com_users #component ul,.com_users #component li{margin-left:0!important;padding-left:0!important;list-style-position:inside} .com_users .button{background:transparent;border:1px solid #fff;vertical-align:top;font-size:16px;padding:12px 16px;color:#fff} .com_users .profile .dl-horizontal dt{margin-right:12px} .com_users .profile a.btn span{display:none} form#login-form .icon-user,form#login-form .icon-lock{color:#000} div.login,div.reset,div.remind,div.registration,.login h1,div.reset h1,div.remind h1,div.registration h1{text-align:center} /* TAGS */ .tag-category .cat-list-row {margin-bottom: 36px;} /* EDIT */ textarea#jform_articletext {width: 95% !important;margin-top: 16px;} /* FORMS */ .form-actions {background: transparent;} /* BUTTONS */ input.button.subbutton.btn.btn-primary{display:inline-block;padding:14px 12px;margin-bottom:0;font-size:16px;line-height:24px;color:#fff;text-align:center;border:0} .btn{display:inline-block;padding:10px 12px!important;margin-bottom:0;font-size:13px;line-height:18px;text-align:center;vertical-align:middle;cursor:pointer;text-shadow:0;background-image:none!important;background-repeat:repeat-x;border:1px solid #e2e2e2!important;border-bottom-color:#e2e2e2;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)} /* TEXT AREA STYLES (BOOTSTRAP OVERRIDES ) */ textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0!important;border:1px solid #dadada!important;padding:10px 12px!important} .input-append .add-on,.input-prepend .add-on{padding:10px 12px!important} .combo{position:absolute;display:none;top:0;left:0;width:4em;cursor:default;border:1px solid #655;background:#fff;color:#000;font-size:smaller} .combo .label{width:100%;text-align:center} .combo .hilite{background:#fc8} .combo .active{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#efefef;font-weight:700} .round-image img{border-radius:50%;border:8px solid #fff} /* Bootstrap Field Overrides */ .controls .badge{padding:8px 12px;font-size:16px;border-radius:0;font-weight:400} .combobox ul.dropdown-menu{left:-170px!important;min-width:220px!important;max-height:150px;overflow-y:scroll;top:100%;border-radius:0} .combobox input{width:145px} .combobox .btn{background:#fff!important;padding:9px 12px 10px!important} input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0!important;border:1px solid #dadada!important} textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0!important;border:1px solid #dadada!important} .input-append .add-on,.input-prepend .add-on{border-radius:0!important} /* Custom Fields */ dd.field-entry.profile-author {margin:12px 0;display:block!important;font-weight:bold;font-size:16px!important;} dd.field-entry.bio-author {display:block!important;font-size:14px!important;} dd.field-entry.field-event-date,dd.field-entry.field-event-location {margin:12px 0;display:block!important;font-size:16px!important;} /* ----------------------------------------------*/ /* 04 - Page Classes /* ----------------------------------------------*/ .item-page.roundimage .item-image img{border-radius:50%;height:500px;width:500px;margin:0 auto 100px} .item-page.content-constrain{width:50%;margin:0 auto} .item-page.content-constrain70{width:70%;margin:0 auto} .content-constrain .timeline-blog-item{width:60%;margin:0 auto} .item-page.content-constrain .page-header{text-align:center} body.region1-constrain #region1,body.region2-constrain #region2,body.region3-constrain #region3,body.region4-constrain #region4,body.region5-constrain #region5,body.region6-constrain #region6,body.region7-constrain #region7,body.region8-constrain #region8,body.region9-constrain #region9,body.region10-constrain #region10,body.region1-constrain #region11,body.region12-constrain #region12{width:70%;margin:0 auto} body.region1-constrain50 #region1,body.region2-constrain50 #region2,body.region3-constrain50 #region3,body.region4-constrain50 #region4,body.region5-constrain50 #region5,body.region6-constrain50 #region6,body.region7-constrain50 #region7,body.region8-constrain50 #region8,body.region9-constrain50 #region9,body.region10-constrain50 #region10,body.region1-constrain50 #region11,body.region12-constrain50 #region12{width:50%;margin:0 auto} .constrain{width:70%;margin:0 auto!important} /* ----------------------------------------------*/ /* 05 - Module Styles /* ----------------------------------------------*/ .moduletitle { padding: 0; } .modulecontent { padding: 12px 0; } .module input.button { margin-bottom: 12px; } /* Common Module Suffix Styles */ /* Colors */ .blue h3 span { color: #457fc1!important; } .ltgrey h3 span { color: #ccc!important; } .dkgrey h3 span { color: #666!important; } .red h3 span { color: #8c173e!important; } .green h3 span { color: #466d66!important; } .purple h3 span { color: #3D283A!important; } .orange h3 span { color: #f47d43!important; } .yellow h3 span { color: #fac611!important; } .white h3 span { color: #fff!important; } .textdark .modulecontent, .textdark .modulecontent a { color: #000!important; } .textlight .modulecontent, .textlight .modulecontent a { color: #fff!important; } /* Rounded */ .module.rounded { border-radius: 6px; } .module.roundedtitle .moduletitle { border-radius: 6px; } /* shadowed */ .module.shadowed { -webkit-box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5); } .module.shadowedtitle .moduletitle { -webkit-box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5); } /* Transparent */ .module.trans { background: rgba(0, 0, 0, 0.2) !important; } .trans h3.moduletitle, .trans .modulecontent { padding: 20px !important; } /* Nopad */ .nopad, .nopad .modulecontent { padding: 0 !important; } .nopad .breadcrumb, .nopad .modulecontent .breadcrumb { padding: 8px 15px !important; } .contentnopad .modulecontent { padding: 0 !important; } /* Nomarg */ .nomarg, .nomarg h3.moduletitle { margin: 0 !important; } .outlined { outline: 1px solid #fff; outline-offset: -12px; } /* Box Suffix */ .module h3.fa::before, .module.box h1 span, .module.box h2 span, .module.box h3 span, .module.box h4 span, .module.box h5 span, .module.box h6 span, .module.box .modulecontent { color: #fff!important; } .module.box { padding: 28px; } .module.transparent.box { background-color: rgba(0, 0, 0, 0.5); } .module.dark.box { background: #000; } .module.darktrans.box { background: rgba(0, 0, 0, 0.7) } .module.blue.box { background: #457fc1; } .module.red.box { background: #8c173e; } .module.green.box { background: #466d66; } .module.orange.box { background: #f47d43; } .module.purple.box { background: #3D283A; } .module.yellow.box { background: #fac611; } .module.light.box { background: #fafafa; } .module.light.box h1 span, .module.light.box h2 span, .module.light.box h3 span, .module.light.box h4 span, .module.light.box h5 span, .module.light.box h6 span, .module.light.box .modulecontent { color: #333!important; } /* Sideline Base Color Suffix Styles */ .sideline h1.moduletitle, .sideline h2.moduletitle, .sideline h3.moduletitle, .sideline h4.moduletitle, .sideline h5.moduletitle, .sideline h6.moduletitle { background: none; padding: 0 0 0 20px; border-right: 0px; border-top: 0px; border-bottom: 0px; border-left-width: 3px; border-style: solid; } /* Sideline Colors */ .red .moduletitle { border-color: #8c173e!important; } .blue .moduletitle { border-color: #457fc1!important; } .green .moduletitle { border-color: #466d66!important; } .orange .moduletitle { border-color: #f47d43!important; } .purple .moduletitle { border-color: #3D283A!important; } .yellow .moduletitle { border-color: #fac611!important; } /* Tabbed */ .module.tabbed .moduletitle { padding: 20px; } .module.tabbed.shadowed .modulecontent { padding: 20px!important; } .tabbed .moduletitle span { color: #fff!important; } .module.tabbed.light .moduletitle span { color: #333!important; } .module.tabbed.blue .moduletitle { background: #457fc1!important; } .module.tabbed.light .moduletitle { background: #fafafa!important; } .module.tabbed.dark .moduletitle { background: #222!important; } .module.tabbed.red .moduletitle { background: #8c173e!important; } .module.tabbed.green .moduletitle { background: #466d66!important; } .module.tabbed.orange .moduletitle { background: #f47d43!important; } .module.tabbed.purple .moduletitle { background: #3D283A!important; } .module.tabbed.yellow .moduletitle { background: #fac611!important; } /* Title Borders */ /* Top Border */ .titletopborder .moduletitle { border-top: 4px solid #999; padding-top: 12px } /* Bottom Border */ .titlebottomborder .moduletitle { border-bottom: 4px solid #999; padding-bottom: 12px } /* Left Border */ .titleleftborder .moduletitle { border-left: 4px solid #999; padding-left: 12px } /* Right Border */ .titlerightborder .moduletitle { border-right: 4px solid #999; padding-right: 12px } /* Module Borders */ /* Top Border */ .module.topborder { border-top: 2px solid #2fc2ff; padding-top: 12px } /* Bottom Border */ .module.bottomborder { border-bottom: 2px solid #2fc2ff; } /* Left Border */ .module.leftborder { border-left: 2px solid #2fc2ff; padding-left: 12px } /* Right Border */ .module.rightborder { border-right: 2px solid #2fc2ff; padding-right: 12px } /* Border */ .border h3.moduletitle { text-align: center; margin-bottom: 36px } .border h3.moduletitle span { border: 1px solid #666; padding: 12px 24px; font-size: 24px; font-weight: 200 } .border h3.moduletitle:after { content: ''; display: block; margin-top: -16px; border-bottom: 1px solid #666; width: 90%; margin-left: auto; margin-right: auto } .border .modulecontent { text-align: center; } /* Borderwrap */ .bwrap { border: 1px solid #d3d3d3; padding: 30px } .bwrap h3.moduletitle { padding: 13px 24px; margin-left: -24px; margin-right: -24px } /* White Text CSS */ .wsubtext { color: #fff; } .wsubtext a, .wsubtext a h4 { color: #fff!important; } .divider { width: 30%; max-width: 30px; margin: 0 0 3vh; border-color: #000; } /* Mobileshow */ .mobileshow { display: none; } /* mod_custom Footer */ p.footertxt { color: #999; } /* Module suffix add ons */ .h3center h3.moduletitle { text-align: center; } .wtext h3.moduletitle, .wtext h4, .wtext p, .wtext span.rest, .wtext .module h3 span.rest, .wtext span.first_word, .wtext .module h3 span.first_word { color: #fff !important; } h3.sm-modtitle { font-size: 22px; text-transform: uppercase; font-weight: 700; } .noflow .wallviewbootstrap { overflow: visible!important; } /* TYPOGRAPHY DEMO */ /* Font Awesome Demo Content Styling */ .pagetitle1 i{margin-right:6px}.fontawesome-icon-list div{width:33%;display:inline-block;text-align:left;padding:10px 0}.typowrap{background:#fafafa;padding:30px;border-radius:5px;margin-bottom:30px}#multicolumnelement{column-count:3;column-gap:1em;column-rule:1em solid #000}#iconlistwrap{margin-top:30px} /* -----------------------------------------------*/ /* 07 - Bootstrap Styles / Overrides /* ----------------------------------------------*/ .com_content .item-page .pager li >a,.pager li >span{border-radius:3px!important}.breadcrumb{margin:0!important;border-radius:0!important;background:transparent!important;text-shadow:none!important}.breadcrumb>li{text-shadow:none!important}.modulecontent input[type="search"]{font-size:12px;font-weight:100!important}.modulecontent form{margin:0!important}iframe{border:0!important} /* JXTC YouTube Background Video Bootstrap Fix */ .jxtc-youtube { margin: 0px!important; } /* Responsive CSS */ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { /* Reset Background Attachement for Devices */ .constrain{width:auto}.item-page.content-constrain{width:auto;margin:0 auto}.item-page.content-constrain70{width:auto;margin:0 auto}.input-large{width:70%} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* Joomla Content */ .com_content .pull-right.item-image{margin:0;width:100%;height:100%;float:none}.com_content .pull-left.item-image{margin:0;width:100%;height:100%;float:none}.com_content .item-page .item-image{margin-bottom:24px}.img-fulltext-left,.article-full-left{float:none!important;width:100%!important}.com_content .blog .timeline-blog-item .item-image{width:100%}.border h3.moduletitle::after{width:70%}body{padding-left:0;padding-right:0}.input-large{width:100%} } /* CSS3 EFFECTS */ body.frontpage.stickyscroll .overlay{transition-duration:1.5s,1.5s}/** * @version 1.0.1 * @package Influence template for Joomla! 3.x * @author JoomlaXTC http://www.joomlaxtc.com * @copyright Copyright (C) 2017 Monev Software LLC. All rights reserved. * @license http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License */ /* ----------------------------------------------*/ /* 01 - Grid Structure /* ----------------------------------------------*/ html { min-height: 100%; } .row-fluid [class*="span"] { min-height: 0; } .xtc-wrapper { max-width:1280px; margin: 0 auto; } .xtc-fluidwrapper { margin: 0 auto; } .xtc-wrapperpad { max-width:1280px; margin: 0 auto; } /* ----------------------------------------------*/ /* 02 - Body /* ----------------------------------------------*/ body { overflow-x:hidden; z-index:1; padding: 0px; } body.sticky,body.frontpage.sticky,body.innerpage.sticky { margin-top: 55px; } body.innerpage.nosticky { margin-top: 0px; } body.frontpage.stickyscroll .overlay { position: absolute; top: -1200px; } body.frontpage.sticky.headslide #headerwrap { margin-top: -80px; } body.frontpage.sticky.headslide.stickyscroll { margin-top: 100px; } body.frontpage.sticky.headslide #headerwrap.stickyscroll { margin-top: 0px; } /* ----Overlay ----------------------*/ .overlay { position: absolute; z-index: 12; top: 0; left: 0; width: 100%; height: 100%; } /* ----------------------------------------------*/ /* 03 - Header /* ----------------------------------------------*/ #headertop_inner { max-width:1280px; margin: 0 auto; } #topslide { margin-top:-54px; } #headerwrap.stickyscroll #topslide { margin:0px } #headerwrap .xtc-wrapperpad { width: auto; margin: 0 auto; } #headerwrap.stickyscroll #header, body.innerpage #header { margin: 0 auto; } #header { position: relative; padding:0 0px 2px 0px; margin: 0 auto; z-index: 999; } #header.row-fluid { width: auto; } #topleft { float: left; margin-left: 6px; } #topright { float: right; margin-right: 20px; } #top { float: left; padding-top: 24px; } /* ----Sticky Header ----------------------*/ body.nosticky #headerwrap { z-index: 999; position: relative; } body.sticky #headerwrap { position: fixed; top: 0%; z-index: 999; width: 100%; height:55px; } #headerwrap.stickyscroll #head-top { float: left; width: 200px; margin-top: 8px; margin-left: 10%; } #footerwrap.sticky { position: fixed; bottom: 0%; z-index: 999; width: 100%; } /* ----------------------------------------------*/ /* 05 - Menu Wrapper /* ----------------------------------------------*/ #menuwrap.xtc-wrapper { max-width:1280px; } #menuwrap { margin-right: 20px; padding:12px 0 0 0; text-align:center; float: right; margin:0 auto; } #menu{ display:inline; } #menuwrap #menu ul.nav li, #menu ul.nav li span.separator { padding: 0 0 8px 0!important; margin-right:0px!important; } #menuwrap .dropdown-menu,#menuwrap #menu.dropcol2 ul.nav ul.dropdown-menu,#menuwrap #menu.dropcol3 ul.nav ul.dropdown-menu,#menuwrap #menu.dropcol4 ul.nav ul.dropdown-menu { width:140px; } @media (max-width:979px) { #menuwrap .dropdown-menu,#menuwrap #menu.dropcol2 ul.nav ul.dropdown-menu,#menuwrap #menu.dropcol3 ul.nav ul.dropdown-menu,#menuwrap #menu.dropcol4 ul.nav ul.dropdown-menu { width:100%; } } #menuwrap #menu.dropcol2 ul.nav ul.dropdown-menu ul.dropdown-menu,#menuwrap #menu.dropcol3 ul.nav ul.dropdown-menu ul.dropdown-menu,#menuwrap #menu.dropcol4 ul.nav ul.dropdown-menu ul.dropdown-menu {margin-left:0px;max-width:50%;} #menuwrap ul.nav li.dropdown:hover > ul.dropdown-menu { padding: 8px!important; } #menuwrap #menu .nav-collapse.in.collapse ul.nav ul.dropdown-menu, #menuwrap ul.nav li.dropdown:hover > ul.dropdown-menu ul.dropdown-menu {padding-top:12px!important;} #menuwrap #menu ul.nav ul.dropdown-menu li { padding: 0px!important; } ul.nav ul.dropdown-menu ul.dropdown-menu {padding-top:12px;} ul.dropdown-menu.animated { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name:menufadeIn; animation-name: menufadeIn; -webkit-transform-origin: center; transform-origin: center; } /* MENU ANIMATION STYLES */ .animated{animation-duration:.5s} .animated.infinite{animation-iteration-count:infinite} .animated.menubounceIn,.animated.menubounceOut{animation-duration:1s} @-webkit-keyframes menubounce { 20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)} 70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)} 90%{transform:translate3d(0,-4px,0)} } @keyframes menubounce { 20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)} 70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)} 90%{transform:translate3d(0,-4px,0)} } @-webkit-keyframes menupulse { from,to{transform:scale3d(1,1,1)} 50%{transform:scale3d(1.05,1.05,1.05)} } @keyframes menupulse { from,to{transform:scale3d(1,1,1)} 50%{transform:scale3d(1.05,1.05,1.05)} } @-webkit-keyframes menuwobble { from,to{transform:none} 15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} } @keyframes menuwobble { from,to{transform:none} 15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} } @-webkit-keyframes menujello { 11.1%,from,to{transform:none} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} } @keyframes menujello { 11.1%,from,to{transform:none} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} } @-webkit-keyframes menubounceIn { 20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{opacity:1;transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} to{opacity:1;transform:scale3d(1,1,1)} } @keyframes menubounceIn { 20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{opacity:1;transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} to{opacity:1;transform:scale3d(1,1,1)} } @-webkit-keyframes menubounceInDown { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,-3000px,0)} 60%{opacity:1;transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} to{transform:none} } @keyframes menubounceInDown { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,-100px,0)} 60%{opacity:1;transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} to{transform:none} } @-webkit-keyframes menubounceInLeft { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-100px,0,0)} 60%{opacity:1;transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none} } @keyframes menubounceInLeft { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-100px,0,0)} 60%{opacity:1;transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none} } @-webkit-keyframes menubounceInRight { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} from{opacity:0;transform:translate3d(100px,0,0)} 60%{opacity:1;transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none} } @keyframes menubounceInRight { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} from{opacity:0;transform:translate3d(100px,0,0)} 60%{opacity:1;transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none} } @-webkit-keyframes menubounceInUp { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} from{opacity:0;transform:translate3d(0,100px,0)} 60%{opacity:1;transform:translate3d(0,-20px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} to{transform:translate3d(0,0,0)} } @keyframes menubounceInUp { 60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} from{opacity:0;transform:translate3d(0,100px,0)} 60%{opacity:1;transform:translate3d(0,-20px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} to{transform:translate3d(0,0,0)} } @-webkit-keyframes menufadeIn { from{opacity:0} to{opacity:1} } @keyframes menufadeIn { from{opacity:0} to{opacity:1} } @-webkit-keyframes menufadeInDown { from{opacity:0;transform:translate3d(0,-30%,0)} to{opacity:1;transform:none} } @keyframes menufadeInDown { from{opacity:0;transform:translate3d(0,-30%,0)} to{opacity:1;transform:none} } @-webkit-keyframes menufadeInLeft { from{opacity:0;transform:translate3d(-15%,0,0)} to{opacity:1;transform:none} } @keyframes menufadeInLeft { from{opacity:0;transform:translate3d(-15%,0,0)} to{opacity:1;transform:none} } @-webkit-keyframes menufadeInRight { from{opacity:0;transform:translate3d(15%,0,0)} to{opacity:1;transform:none} } @keyframes menufadeInRight { from{opacity:0;transform:translate3d(15%,0,0)} to{opacity:1;transform:none} } @-webkit-keyframes menufadeInUp { from{opacity:0;transform:translate3d(0,5%,0)} to{opacity:1;transform:none} } @keyframes menufadeInUp { from{opacity:0;transform:translate3d(0,5%,0)} to{opacity:1;transform:none} } @-webkit-keyframes menuflip { from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out} 40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out} 50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in} 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in} to{transform:perspective(400px);animation-timing-function:ease-in} } @keyframes menuflip { from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out} 40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out} 50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in} 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in} to{transform:perspective(400px);animation-timing-function:ease-in} } @-webkit-keyframes menuflipInX { from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{transform:perspective(400px)} } @keyframes menuflipInX { from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{transform:perspective(400px)} } @-webkit-keyframes menuflipInY { from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{transform:perspective(400px)} } @keyframes menuflipInY { from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{transform:perspective(400px)} } @-webkit-keyframes menurotateIn { from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0} to{transform-origin:center;transform:none;opacity:1} } @keyframes menurotateIn { from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0} to{transform-origin:center;transform:none;opacity:1} } @-webkit-keyframes menurollIn { from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;transform:none} } @keyframes menurollIn { from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;transform:none} } @-webkit-keyframes menuzoomIn { from{opacity:0;transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes menuzoomIn { from{opacity:0;transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @-webkit-keyframes menuzoomInDown { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes menuzoomInDown { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @-webkit-keyframes menuzoomInLeft { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes menuzoomInLeft { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @-webkit-keyframes menuzoomInRight { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes menuzoomInRight { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @-webkit-keyframes menuzoomInUp { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes menuzoomInUp { from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @-webkit-keyframes menuslideInDown { from{transform:translate3d(0,-5%,0);visibility:visible} to{transform:translate3d(0,0,0)} } @keyframes menuslideInDown { from{transform:translate3d(0,-5%,0);visibility:visible} to{transform:translate3d(0,0,0)} } @-webkit-keyframes menuslideInLeft { from{transform:translate3d(-15%,0,0);visibility:visible} to{transform:translate3d(0,0,0)} } @keyframes menuslideInLeft { from{transform:translate3d(-15%,0,0);visibility:visible} to{transform:translate3d(0,0,0)} } @-webkit-keyframes menuslideInRight { from{transform:translate3d(15%,0,0);visibility:visible} to{transform:translate3d(0,0,0)} } @keyframes menuslideInRight { from{transform:translate3d(15%,0,0);visibility:visible} to{transform:translate3d(0,0,0)} } @-webkit-keyframes menuslideInUp { from{transform:translate3d(0,5%,0);visibility:visible} to{transform:translate3d(0,0,0)} } @keyframes menuslideInUp { from{transform:translate3d(0,5%,0);visibility:visible} to{transform:translate3d(0,0,0)} } /* ----------------------------------------------*/ /* 06 - Grid Regions /* ----------------------------------------------*/ /* Global Region Settings */ #region1.row-fluid, #region2.row-fluid, #region3.row-fluid, #region4.row-fluid, #region5.row-fluid, #region6.row-fluid, #region7.row-fluid, #region8.row-fluid, #region9.row-fluid, #region10.row-fluid, #region11.row-fluid, #region12.row-fluid { width: auto; } /* Regionpadding */ .xtc-spacer { margin-bottom:0px; } /* ----Region1---------------------------*/ #region1wrap .xtc-wrapper { padding:100px 20px 180px 20px; } #region1.xtc-fluidwrapper { padding:100px 20px 180px 20px; } /* ----Region2---------------------------*/ #region2wrap .xtc-wrapper { padding:0px 40px; } #region2.xtc-fluidwrapper { padding:0px 40px; } /* ----Region3---------------------------*/ #region3wrap .xtc-wrapper { padding:10px; } #region3.xtc-fluidwrapper { padding:10px; } #component{ padding:0px 10px; margin-bottom: 40px; } #newsflash, #banner, #pathway { margin-bottom: 30px; } #breadcrumbs .modulecontent { margin-bottom: 30px; } /* ----Region4---------------------------*/ #region4wrap .xtc-wrapper { padding:0px 40px; } #region4.xtc-fluidwrapper { padding:0px 40px; } /* ----Region5---------------------------*/ #region5wrap .xtc-wrapper { padding:60px 40px; } #region5.xtc-fluidwrapper { padding:60px 40px; } /* ----Region6---------------------------*/ #region6wrap .xtc-wrapper { padding:60px 40px; } #region6.xtc-fluidwrapper { padding:60px 40px; } /* ----Region7---------------------------*/ #region7wrap .xtc-wrapper { padding:60px 40px; } #region7.xtc-fluidwrapper { padding:60px 40px; } /* ----Region8---------------------------*/ #region8wrap .xtc-wrapper { padding:60px 40px; } #region8.xtc-fluidwrapper { padding:60px 40px; } /* ----Region9---------------------------*/ #region9wrap .xtc-wrapper { padding:60px 40px; } #region9.xtc-fluidwrapper { padding:60px 40px; } /* ----Region10---------------------------*/ #region10wrap .xtc-wrapper { padding:40px 60px 0px 60px; } #region10.xtc-fluidwrapper { padding:40px 60px 0px 60px; } #region10 .row-fluid [class*="span"]{margin-left:0;margin-right:0}#region10 .row-fluid .span1{width:8.33333333%}#region10 .row-fluid .span2{width:16.66666667%}#region10 .row-fluid .span3{width:25%}#region10 .row-fluid .span4{width:33.33333333%}#region10 .row-fluid .span5{width:41.66666667%}#region10 .row-fluid .span6{width:50%}#region10 .row-fluid .span7{width:58.33333333%}#region10 .row-fluid .span8{width:66.66666667%}#region10 .row-fluid .span9{width:75%}#region10 .row-fluid .span10{width:83.33333333%}#region10 .row-fluid .span11{width:91.66666667%}#region10 .row-fluid .span12{width:100%} /* ----Region11---------------------------*/ #region11wrap .xtc-wrapper { padding:; } #region11.xtc-fluidwrapper { padding:; } #region11 .row-fluid [class*="span"]{margin-left:0;margin-right:0}#region11 .row-fluid .span1{width:8.33333333%}#region11 .row-fluid .span2{width:16.66666667%}#region11 .row-fluid .span3{width:25%}#region11 .row-fluid .span4{width:33.33333333%}#region11 .row-fluid .span5{width:41.66666667%}#region11 .row-fluid .span6{width:50%}#region11 .row-fluid .span7{width:58.33333333%}#region11 .row-fluid .span8{width:66.66666667%}#region11 .row-fluid .span9{width:75%}#region11 .row-fluid .span10{width:83.33333333%}#region11 .row-fluid .span11{width:91.66666667%}#region11 .row-fluid .span12{width:100%} /* ----Region12---------------------------*/ #region12wrap .xtc-wrapper { padding:0px; } #region12.xtc-fluidwrapper { padding:0px; } /* Footer */ #footerwrap.sticky { position: fixed; bottom: 0%; z-index: 999; width: 100%;} #footerwrap .row-fluid .span4{width:33.33333333%;margin-left:0;margin-right:0} #footerwrap .xtc-wrapperpad { padding:0; } #footerwrap .xtc-wrapper { padding:0; } #footerwrap { padding:0; } #footer .xtc-fluidwrapper { padding:0; } /* ----------------------------------------------*/ /* 07 - Module Structure /* ----------------------------------------------*/ .module { margin:0 0 0 0; } .lastarea .module { margin-bottom: 0 } .module {padding:24px; } /* Leftside Fixed Module */ #leftside { z-index: 9999; position: fixed; width: auto; height: 100%; top: 40%; } /* ----------------------------------------------*/ /* 08 - Mobile Structure /* ----------------------------------------------*/ body.mobile .mobilepad{padding:0}body.mobile .mobile > div:first-child{padding:0}body.mobile #mobilewrap{float:right;width:80%}body.mobile .module{margin:0}body.mobile h3.moduletitle,body.mobile .modulecontent{border-right:none}body.mobile #footerwrap{min-width:100%}body.mobile span.itemImage img{max-width:100%;width:auto}body.mobile #mobilewrap .lg > div:first-child,body.mobile #mobilewrap .lg > div:first-child + div{float:none;width:100%}body.mobile #mobilewrap .lg a{line-height:16px}#xtc-mobilesitewrap #menu{float:none}.xtc-iconsidemob select[multiple],.xtc-iconsidemob select[size]{width:100%}#component.mobilecomponent.clearfix{padding:0 12px;margin-top:20px}.morewrap td.firstcol > div{text-align:right}.morewrap td.centercol > div{text-align:left}.area_map table{table-layout:fixed} /* ----------------------------------------------*/ /* 09 - Responsive Parameters /* ----------------------------------------------*/ @media(max-width: 0px ) { #region1 { display:none; } } @media(max-width: 0px ) { #region2 { display:none; } } @media(max-width: 0px ) { #region3 { display:none; } } @media(max-width: 0px ) { #region4 { display:none; } } @media(max-width: 0px ) { #region5 { display:none; } } @media(max-width: 0px ) { #region6 { display:none; } } @media(max-width: 0px ) { #region7 { display:none; } } @media(max-width: 0px ) { #region8 { display:none; } } @media(max-width: 0px ) { #region9 { display:none; } } @media(max-width: 0px ) { #region10 { display:none; } } @media(max-width: 0px ) { #region11 { display:none; } } @media(max-width: 0px ) { #region12 { display:none; } } /* Device Level Parameters */ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px){body.region1-constrain #region1,body.region2-constrain #region2,body.region3-constrain #region3,body.region4-constrain #region4,body.region5-constrain #region5,body.region6-constrain #region6,body.region7-constrain #region7,body.region8-constrain #region8,body.region9-constrain #region9,body.region10-constrain #region10,body.region1-constrain #region11,body.region12-constrain #region12{width:auto}}@media (max-width: 767px){body,body.frontpage,body.innerpage,#region1wrap,#region1,#region2wrap,#region2,#region3wrap,#region3,#region4wrap,#region4,#region5wrap,#region5,#region6wrap,#region6,#region7wrap,#region7,#region8wrap,#region8,#region9wrap,#region9,#region10wrap,#region10,#region11wrap,#region11,#region12wrap,#region12{background-attachment:scroll!important;background-size:auto!important} /* Region Device Padding */ #header {padding:0 0px 2px 0px;} #region1wrap .xtc-wrapper { padding:120px 0 140px 0; } #region1.xtc-fluidwrapper { padding:120px 0 140px 0; } #region2wrap .xtc-wrapper { padding:0px 20px; } #region2.xtc-fluidwrapper { padding:0px 20px; } #region3wrap .xtc-wrapper { padding:10px; } #region3.xtc-fluidwrapper { padding:10px; } #region4wrap .xtc-wrapper { padding:0px 20px; } #region4.xtc-fluidwrapper { padding:0px 20px; } #region5wrap .xtc-wrapper { padding:40px 20px; } #region5.xtc-fluidwrapper { padding:40px 20px; } #region6wrap .xtc-wrapper { padding:40px 20px; } #region6.xtc-fluidwrapper { padding:40px 20px; } #region7wrap .xtc-wrapper { padding:40px 20px; } #region7.xtc-fluidwrapper { padding:40px 20px; } #region8wrap .xtc-wrapper { padding:40px 20px; } #region8.xtc-fluidwrapper { padding:40px 20px; } #region9wrap .xtc-wrapper { padding:40px 20px; } #region9.xtc-fluidwrapper { padding:40px 20px; } #region10wrap .xtc-wrapper { padding:40px 20px 0px 20px; } #region10.xtc-fluidwrapper { padding:40px 20px 0px 20px; } #region11wrap .xtc-wrapper { padding:40px 60px 0px 60px; } #region11.xtc-fluidwrapper { padding:40px 60px 0px 60px; } #region12wrap .xtc-wrapper { padding:0px; } #region12.xtc-fluidwrapper { padding:0px; } #footerwrap .xtc-wrapperpad { padding:0; } #footer .xtc-fluidwrapper { padding:0; } } @media (max-width: 768px){ [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {width:100%;} #menuwrap {float:none;} #region10.row-fluid [class*="span"]{margin-left:0;margin-right:0}#region10.row-fluid .span1{width:100%}#region10.row-fluid .span2{width:100%}#region10.row-fluid .span3{width:100%}#region10.row-fluid .span4{width:100%}#region10.row-fluid .span5{width:100%}#region10.row-fluid .span6{width:100%}#region10.row-fluid .span7{width:100%}#region10.row-fluid .span8{width:100%}#region10.row-fluid .span9{width:100%}#region10.row-fluid .span10{width:100%}#region10.row-fluid .span11{width:100%}#region10.row-fluid .span12{width:100%} #region11.row-fluid [class*="span"]{margin-left:0;margin-right:0}#region11.row-fluid .span1{width:100%}#region11.row-fluid .span2{width:100%}#region11.row-fluid .span3{width:100%}#region11.row-fluid .span4{width:100%}#region11.row-fluid .span5{width:100%}#region11.row-fluid .span6{width:100%}#region11.row-fluid .span7{width:100%}#region11.row-fluid .span8{width:100%}#region11.row-fluid .span9{width:100%}#region11.row-fluid .span10{width:100%}#region11.row-fluid .span11{width:100%}#region11.row-fluid .span12{width:100%} } /* Landscape phones and down */ @media (max-width: 480px){p,input,button,select,textarea{font-size:80%}.com_content #component dd{display:block}.com_content .blog .faq-blog_item span .page-header h2{background:#fff!important;top:0!important;left:0;position:static;display:block;padding-left:0;padding-right:0}.com_content .blog .faq-blog_item{border:1px solid #ccc;padding:0 20px;margin-bottom:0;margin-top:0}.border h3.moduletitle::after{width:100%}.showHere{display:none}.fontawesome-icon-list div{width:45%}}/** * @version 1.0.1 * @package Influence template for Joomla! 3.x * @author JoomlaXTC http://www.joomlaxtc.com * @copyright Copyright (C) 2017 Monev Software LLC. All rights reserved. * @license http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License */ /* ----------------------------------------------*/ /* 01 - BODY /* ----------------------------------------------*/ /* Body Homepage Background */ body.frontpage { background:#fff;background-size:auto} /* Body Innerpage Background */ body.innerpage { background:#fff ;background-size:auto} /* Overlay Background */ .overlay { background:transparent;background-size:cover;} /* Background Video */ video#bgvid { position: fixed; opacity:1; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* ----------------------------------------------*/ /* 02 - TYPOGRAPHY /* ----------------------------------------------*/ /* Basecolor classes used in HTML mark up */ .basecolor_1 { color:#62456b;} .basecolor_2 { color:#C0A06E;} .basecolor_3 { color:#FF6F00;} .basecolor_4 { color:#24C770;} .basecolor_5 { color:#00BBFF;} .bgbasecolor_1 { background:#62456b;} .bgbasecolor_2 { background:#C0A06E;} .bgbasecolor_3 { background:#FF6F00;} .bgbasecolor_4 { background:#24C770;} .bgbasecolor_5 { background:#00BBFF;} /* Global Fonts */ body,.ul,.ol,.li,legend,.dl,.dd { color:#5f5f5f;} a { color:#2E2E2E;} a:hover { color:#2E2E2E;text-decoration:none;} h1, h2, h3, h4, h5, h6 { color:#62456b;} /* Custom Gradient H Classes */ h1.gradient1,h2.gradient1,h3.gradient1,h4.gradient1,h5.gradient1,h6.gradient1,p.gradient1,i.gradient1 { background: -webkit-linear-gradient(#cd0de4, #0de49a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Default Button */ .btn {background:#e6e6e6!important; } /* BaseColor Buttons */ .btn.basecolor_1,.btn.basecolor_2,.btn.basecolor_3,.btn.basecolor_4,.btn.basecolor_5 { color: #fff; text-shadow: none; box-shadow: none; border-radius: 0px; font-weight: 700; border: 0!important; padding: 8px 12px!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn.basecolor_1 { background:#62456b!important; } .btn.basecolor_2 { background:#C0A06E!important; } .btn.basecolor_3 { background:#FF6F00!important; } .btn.basecolor_4 { background:#24C770!important; } .btn.basecolor_5 { background:#00BBFF!important; } /* Bootstrap Button Overrides */ .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled,.btn-primary[disabled] { background:#C0A06E!important;border:0px!important; } .btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background: #24C770!important;border:0px!important; } .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled, .btn-success[disabled] { background: #00BBFF!important;border:0px!important; } .btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.disabled, .btn-warning[disbaled] { background: #aa658f!important;border:0px!important; } .btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.disabled, .btn-danger[disabled] { background: #62456b!important;border:0px!important; } .btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.disabled, .btn-inverse[disabled] { background: #2E2E2E!important;border:0px!important; } /* Basecolor Blog Bubbles */ .blog-basecolor1 { background: #62456b; } .blog-basecolor1:after { border-color: transparent #62456b; } .blog-basecolor2 { background: #C0A06E; } .blog-basecolor2:after { border-color: transparent #C0A06E; } .blog-basecolor3 { background: #FF6F00; } .blog-basecolor3:after { border-color: transparent #FF6F00; } .blog-basecolor4 { background: #24C770; } .blog-basecolor4:after { border-color: transparent #24C770; } .blog-basecolor5 { background: #00BBFF; } .blog-basecolor5:after { border-color: transparent #00BBFF; } /* ----------------------------------------------*/ /* 03 - Header,logo,menu /* ----------------------------------------------*/ /* Header Top Background */ #headertop { background: transparent; } /* Header Wrap Background */ #headerwrap { background:transparent ;background-size:auto;} #headerwrap.stickyscroll { background:#000 ;background-size:auto;} #headerwrap:hover { background:#000 ;background-size:auto;} #headerwrap.stickyscroll,#headerwrap.stickyscroll #topslide {-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;-webkit-transition-duration:2.0s,2s;-moz-transition-duration:2.0s,2s;-o-transition-duration:2.0s,2s;-ms-transition-duration:2.0s,2s;transition-duration:2.0s,2s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;-ms-transition-timing-function:linear;transition-timing-function:linear} /* Header Background */ #header { background:transparent ;background-size:auto;} .innerpage #headerwrap { background:#000 ;background-size:auto;} /* Logo */ #logo { float: left; } #logo img { padding:; } #logo a p { color:#fff; padding:0px 0px 0px 24px; float:right; display:inline; margin:0px; } #logo a p span {color:#C0A06E;} /* Mobile Logo */ #logomobile {display:none; float: left; text-align:center;} #logomobile img { padding:0px; } #logomobile a p { color:#fff; padding:14px 0px 0px 24px; float:right; display:inline; margin:0px; } #logomobile a p span {font-weight:100;color:#C0A06E;} /* Menu */ /* Menu Background */ #menu { background: transparent; } /* BOOTSTRAP MENU RESET */ /* Menu Top Level */ #menuwrap #menu ul.nav > li a, #menu ul.nav > li span.separator { background-color: transparent; color:#F2F2F2; position:relative; z-index:13; } #menuwrap #menu ul.nav > li , #menu ul.nav > li span.separator {border-top: 0px solid #fff; border-radius: 0px} #menuwrap #menu ul.nav > li:hover a, #menuwrap #menu ul.nav > li span.separator:hover a { background-color: transparent;} #menuwrap #menu ul.nav > li a:hover, #menuwrap #menu ul.nav > li.parent:hover > a, #menu ul.nav > li span.separator:hover { color:#FFFFFF; } #menuwrap #menu ul.nav > li:hover, #menuwrap #menu ul.nav > li.parent:hover, #menu ul.nav > li span.separator:hover {border-color:#FFFFFF; } #menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active:hover { background-color: transparent!important; } #menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active a:hover { color:#FFFFFF; } #menuwrap #menu ul.nav > li.active, #menuwrap #menu ul.nav > li.active:hover { border-color:#FFFFFF; } #menuwrap ul.nav li.parent a:after { content: "\"; font-family: 'FontAwesome'; margin-left:8px; position: absolute; display: inline; font-weight:100; font-size:85%; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; } #menuwrap ul.nav li.parent a:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #menuwrap ul.nav li.parent:hover > a:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #menu ul.nav li { padding: 0px; } /* Menu Drop Level */ /* BOOTSTRAP MENU RESET */ #menuwrap #menu .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a { background: transparent!important; } #menuwrap ul.dropdown-menu li a:after,#menuwrap ul.dropdown-menu li.dropdown.parent ul.dropdown-menu a:after{ content: ""!important; } #menuwrap ul.dropdown-menu li.dropdown.parent a:after { content: "\f101"!important; font-family: 'FontAwesome'; position: absolute; right: 8%; display: inline; font-weight:100; -webkit-transition: -webkit-transform .3s ease-in-out; transition:transform .3s ease-in-out; } #menuwrap #menu ul.nav ul.dropdown-menu li { margin-left:0px!important; } #menuwrap ul.dropdown-menu li.dropdown.parent a:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #menuwrap ul.dropdown-menu li.dropdown.parent:hover > a:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #menuwrap #menu ul.nav ul.dropdown-menu { background-color: #1F1F1F!important; border-radius: 0px} #menuwrap #menu ul.nav ul.dropdown-menu li { float: none; } #menuwrap #menu ul.nav ul.dropdown-menu li a, #menu ul.nav ul.dropdown-menu li span.separator { text-align: left; background: transparent!important; color:#fff; border-radius: 0px} #menuwrap .dropdown-menu li, #menuwrap ul.nav .dropdown-menu li span.separator {border-bottom: 1px solid #363636!important; } #menuwrap #menu ul.nav ul.dropdown-menu li a:hover, #menu ul.nav ul.dropdown-menu li span.separator:hover { background:transparent!important; } #menuwrap #menu ul.nav ul.dropdown-menu li a:hover, #menuwrap #menu ul.nav ul.dropdown-menu li a:hover:after, #menu ul.nav ul.dropdown-menu li li span.separator:hover { color:#C766FF!important; } #menuwrap #menu ul.nav ul.dropdown-menu li:hover, #menuwrap #menu ul.nav ul.dropdown-menu li:hover:after, #menu ul.nav ul.dropdown-menu li li span.separator:hover {border-color:#4D4D4D!important;} #menuwrap #menu ul.nav ul.dropdown-menu li:active a { background: transparent!important; } #menuwrap #menu ul.nav ul.dropdown-menu li a:active { color:#C766FF!important; } #menuwrap #menu ul.nav ul.dropdown-menu li:active {border-color:#D791FF!important;} /* Mobile Menu */ .navbar .btn-navbar .icon-bar { background-color: #F2F2F2!important; } /* NAV PILLS */ .nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus { background:#62456b; } .nav>li>a:hover, .nav>li>a:focus { background:#62456b; color: #fff; } /* SIDE MENU */ .sidemenu .nav-pills > li > span.separator, .sidemenu ul.dropdown-menu>li>a:hover, .sidemenu ul.dropdown-menu>li>a:focus, .sidemenu ul.dropdown-menu .dropdown-submenu:hover>a, .sidemenu ul.dropdown-menu .dropdown-submenu:focus>a { background: transparent!important; display: block; } /* CANVAS MENU */ #jxtc_canvasslide_left a:hover, #jxtc_canvasslide_right a:hover { color: #fff; border-left:4px solid #FF6F00;} #jxtc_canvasslide_left label.close, #jxtc_canvasslide_right label.close { background:#FF6F00; opacity: 1; } label.open.xtccanvas { background:#62456b!important; color: #fff; padding: 8px 10px; font-size: 22px!important; position: fixed; top: 15%; right: 0%; z-index: 1200; } /* Bottom menu */ ul.menu.bottom a {color:#fff;} /* ----------------------------------------------*/ /* 04 - Region Layout /* ----------------------------------------------*/ /* REGION 1 */ /* Region outerwrap */ #region1wrap {background:transparent ; background-size:auto;} /* Region innerwrap */ #region1 { background:transparent ;background-size:auto; } /* REGION 2*/ /* Region outerwrap */ #region2wrap {background:transparent ;background-size:auto;} /* Region innerwrap */ #region2 {background:#fff ;background-size:auto;} /* REGION 3*/ /* Region outerwrap */ #region3wrap {background:#fff ;background-size:auto;} /* Region innerwrap */ #region3 {background:#fff ;background-size:auto;} /* Component */ #component { background:#fff} /* Left */ #left { background:#F2F2F2} /* Right */ #right { background:#F2F2F2} /* REGION 4*/ /* Region outerwrap */ #region4wrap {background:transparent ;background-size:auto;} /* Region innerwrap */ #region4 {background:#F0F0F0 ;background-size:auto;} /* REGION 5*/ /* Region outerwrap */ #region5wrap {background:transparent ;background-size:auto;} /* Region innerwrap */ #region5 {background:#fff url('http://theboughtspot.com/templates/influence/images/backgrounds/jbback.jpg') no-repeat 100% 10% ;background-size:auto;} /* REGION 6 */ /* Region outerwrap */ #region6wrap {background:#EFEFEF ;background-size:auto;} /* Region innerwrap */ #region6 {background:#EFEFEF ;background-size:auto;} /* REGION 7 */ /* Region outerwrap */ #region7wrap {background:transparent url('http://theboughtspot.com/templates/influence/images/backgrounds/r7-s1.jpg') no-repeat;background-size:cover;} /* Region innerwrap */ #region7 {background:#000 ;background-size:cover;} /* REGION 8*/ /* Region outerwrap */ #region8wrap {background:#FCFCFC ;background-size:cover;} /* Region innerwrap */ #region8 {background:#FCFCFC ;background-size:auto;} /* REGION 9*/ /* Region outerwrap */ #region9wrap {background:transparent url('http://theboughtspot.com/templates/influence/images/backgrounds/r9-s1.jpg') center center;background-size:auto;} /* Region innerwrap */ #region9 {background:transparent ;background-size:cover;} /* REGION 10*/ /* Region outerwrap */ #region10wrap {background:#333 ;background-size:auto;} /* Region innerwrap */ #region10 {background:transparent ;background-size:auto;} /* REGION 11*/ /* Region outerwrap */ #region11wrap {background:transparent ;background-size:auto;} /* Region innerwrap */ #region11 {background:#424242 url('http://theboughtspot.com/templates/influence/images/backgrounds/type_@2X.png') repeat ;background-size:auto;} /* REGION 12*/ /* Region outerwrap */ #region11wrap {background:#000 ;background-size:auto;} /* Region innerwrap */ #region12 {background:#000 ;background-size:auto;} /* Footer */ /* Region outerwrap */ #footerwrap { background:#171717 ;background-size:auto;} .footer { background:#171717 ;background-size:auto;} /* back to top */ #backtotop-btn { color:#FFFFFF; background:rgba(0, 0, 0, 0.6); padding:12px; } .backtotop-fade-out{-webkit-animation-name:backtotop-fade-out-blinker;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:backtotop-fade-out-blinker;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:backtotop-fade-out-blinker;animation-duration:2s;animation-timing-function:linear}@-moz-keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}@keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:.8}100%{opacity:1.7}} /* ----------------------------------------------*/ /* 05 - Module CSS /* ----------------------------------------------*/ /* Module Background */ .module { background: transparent;border-radius:0px; } /* Module Title Background */ h3.moduletitle { background: transparent; color:#62456b; } h3.moduletitle::after { content: " "; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; width: 12%; height: 10%; color:#62456b; border-color:#62456b; display: block; margin:18px 0 0 0; } @media (max-width:767px) { .frontpage h3.moduletitle::after {margin: 18px auto 0 auto;} } /* Module Title First Word Color */ h1 span.first_word, h2 span.first_word, h3 span.first_word, h4 span.first_word, h5 span.first_word, h6 span.first_word, h1.fa::before, h3.fa::before, h4.fa::before, h5.fa::before, h6.fa::before { color:#62456b; } /* Module Title Rest Word Color */ h1 span.rest, h2 span.rest, h3 span.rest, h4 span.rest, h5 span.rest, h6 span.rest { color:#62456b; font-weight:100!important; } .modulecontent { color:#5f5f5f!important; } /* Base Colors */ .basecolor_1 h1 span, .basecolor_1 h2 span, .basecolor_1 h3 span, .basecolor_1 h4 span, .basecolor_1 h5 span, .basecolor_1 h6 span { color:#62456b!important; } .basecolor_2 h1 span, .basecolor_2 h2 span, .basecolor_2 h3 span, .basecolor_2 h4 span, .basecolor_2 h5 span, .basecolor_2 h6 span { color:#C0A06E!important; } .basecolor_3 h1 span, .basecolor_3 h2 span, .basecolor_3 h3 span, .basecolor_3 h4 span, .basecolor_3 h5 span, .basecolor_3 h6 span { color:#FF6F00!important; } .basecolor_4 h1 span, .basecolor_4 h2 span, .basecolor_4 h3 span, .basecolor_4 h4 span, .basecolor_4 h5 span, .basecolor_4 h6 span { color:#24C770!important; } .basecolor_5 h1 span, .basecolor_5 h2 span, .basecolor_5 h3 span, .basecolor_5 h4 span, .basecolor_5 h5 span, .basecolor_5 h6 span { color:#00BBFF!important; } /* Basecolor Box Suffixes */ .module.basecolor1.box { background:#62456b!important; } .module.basecolor2.box { background:#C0A06E!important; } .module.basecolor3.box { background:#FF6F00!important; } .module.basecolor4.box { background:#24C770!important; } .module.basecolor5.box { background:#00BBFF!important; } /* These parameters are controlled by the base colors in the template adaministrator */ .basecolor1 .moduletitle { border-color:#62456b; } .basecolor2 .moduletitle { border-color:#C0A06E; } .basecolor3 .moduletitle { border-color:#FF6F00; } .basecolor4 .moduletitle { border-color:#24C770; } .basecolor5 .moduletitle { border-color:#00BBFF; } /* Border Module background color - Covers the border behind the text with the background color */ #region1wrap .border h3.moduletitle span { background:transparent!important; } #region2wrap .border h3.moduletitle span { background:#fff!important; } #region3wrap .border h3.moduletitle span { background:#fff!important; } #region4wrap .border h3.moduletitle span { background:#F0F0F0!important; } #region5wrap .border h3.moduletitle span { background:#fff!important; } #region6wrap .border h3.moduletitle span { background:#EFEFEF!important; } #region7wrap .border h3.moduletitle span { background:#000!important; } #region8wrap .border h3.moduletitle span { background:#FCFCFC!important; } #region9wrap .border h3.moduletitle span { background:transparent!important; } #region10wrap .border h3.moduletitle span { background:transparent!important; } #region11wrap .border h3.moduletitle span { background:#424242!important; } #region12wrap .border h3.moduletitle span { background:#000!important; } /* ----------------------------------------------*/ /* 06 - Content Overrides /* ----------------------------------------------*/ /* Joomla Content */ h1.pagetitle span { color:#62456b!important; } .contentheading { color:#62456b; } .page-header h1, .componentheading, .componentheadingnowrap, .pagetitle, span.subheading-category { color:#62456b; } .page-header h1::after,.page-header h2::after, .componentheading::after, .componentheadingnowrap::after, .pagetitle::after, span.subheading-category::after { content: " "; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; width: 12%; height: 10%; color:#62456b; border-color:#62456b; display: block; margin:18px 0 0 0; } .login .page-header h1::after,.reset .page-header h1::after,.remind .page-header h1::after,.registration .page-header h1::after {margin:18px auto 0 auto;} .com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 { color:#62456b!important; } .com_content .blog .page-header h2 a, .com_content .blog .page-header h2 { color:#62456b!important; } .com_content .item-page p:first-child {font-size:150%;font-weight:300;font-style:italic;} .com_content p.readmore {text-align:right} .com_content p.readmore a.btn { color:#fff!important; background:#62456b!important; border:1px solid #62456b!important; border-radius:0px!important; } .com_content p.readmore a.btn:hover { color:#fff!important; background:#62456b!important; border:1px solid #62456b!important; } .btn,btn {border-radius:0px!important;} .label-info, .badge-info {background:#62456b!important; color: #fff;} /* Category Blog */ .item-image img {opacity:0.7;} .item-image img:hover {opacity:1;} .item-image {background:#62456b} .com_content .blog .item {background:transparent;color:#333;padding:0px;border-radius:0px} .com_content .blog .item .article-info.muted {color:#333;} /* FAQ Category Blog */ .com_content .faqblog .faq-blog_item:hover { border-color:#62456b; } .com_content .faqblog .faq-blog_item span .page-header h2::before { color:#62456b; } .com_content .faqblog .faq-blog_item span .page-header h2{background:#fff!important;} .com_content .faqblog .page-header h2::after {display:none;} /* Pricing Table Category Blog */ .pricetbl-title { background:#C0A06E; } .pricetbl-price { background:#62456b; color: #fff; } .com_content .blog .item .pricetbl-wrap .j2store-product { background:#FF6F00; color: #fff; } .com_content .pricetbl-wrap .page-header h2::after {display:none;} /* Timeline Blog */ .com_content .timeline-blog-item .page-header h2::after {display:none;} /* COM User */ input.button.subbutton.btn.btn-primary, #form-login-submit.control-group .btn.btn-primary, .logout-button .btn.btn-primary { background:#62456b; } .loginpagetitle { color:#62456b} /* ----------------------------------------------*/ /* 07 - Custom Template Style /* ----------------------------------------------*/ /* COMMON CSS */ .frontpage h1.moduletitle span.first_word,.frontpage h1.moduletitle span.rest,.frontpage h2.moduletitle span.first_word,.frontpage h2.moduletitle span.rest,.frontpage h3.moduletitle span.first_word,.frontpage h3.moduletitle span.rest,.frontpage h4.moduletitle span.first_word,.frontpage h4.moduletitle span.rest,.frontpage h5.moduletitle span.first_word,.frontpage h5.moduletitle span.rest,.frontpage h6.moduletitle span.first_word,.frontpage h6.moduletitle span.rest,.frontpage h1.moduletitle,.frontpage h2.moduletitle,.frontpage h3.moduletitle,.frontpage h4.moduletitle,.frontpage h5.moduletitle,.frontpage h6.moduletitle {font-size:52px!important;} @media (max-width:640px) { .frontpage h1.moduletitle span.first_word,.frontpage h1.moduletitle span.rest,.frontpage h2.moduletitle span.first_word,.frontpage h2.moduletitle span.rest,.frontpage h3.moduletitle span.first_word,.frontpage h3.moduletitle span.rest,.frontpage h4.moduletitle span.first_word,.frontpage h4.moduletitle span.rest,.frontpage h5.moduletitle span.first_word,.frontpage h5.moduletitle span.rest,.frontpage h6.moduletitle span.first_word,.frontpage h6.moduletitle span.rest,.frontpage h1.moduletitle,.frontpage h2.moduletitle,.frontpage h3.moduletitle,.frontpage h4.moduletitle,.frontpage h5.moduletitle,.frontpage h6.moduletitle {font-size:32px!important;} } hr.motitle { width: 12%; height: 10%; color: #fff; border-color: #fff; margin: 12px auto; display: inline-block; } hr.motitle2 { width: 12%; height: 10%; color:#62456b; border-color:#62456b; display: inline-block; } hr.white { color:#fff; border-color:#fff; } #region1pad {background:#fff;} #region1pad:after{ background:#fff; content:" "; width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 60px solid black; margin:0 auto; display:block; } p.byline { font-size:14px; line-height:14px; font-weight:bold; margin-bottom:32px; font-style:italic; margin-top:0px; } p.byline.white { color:#fff; } @media (max-width:767px) { .frontpage .module {text-align:center;} } /* CUSTOM HTML - TOPSLIDE */ #topslide .row-fluid [class*="span"]{ margin-left:0;margin-right:0 } #topslide .row-fluid .span2{ width:16.66666667% } @media (max-width:767px) { #topslide .row-fluid [class*="span"]{ margin-left:0!important;margin-right:0!important;float:left!important; } #topslide .row-fluid .span2{ width:16.66666667%!important; } } .sleft i { font-size:24px; color:#fff; padding:15px 20px; text-align:center; } .sleft.facebook { background:#3b5998; text-align:center; } .sleft.google { background:#f20000; text-align:center; } .sleft.linkedin { background:#006599; text-align:center; } .sleft.twitter { background:#00b0ed; text-align:center; } .sleft.youtube { background:#f20000; text-align:center; } .sleft.email { background:#62456b; text-align:center; } .sleft.facebook:hover,.sleft.google:hover,.sleft.linkedin:hover,.sleft.twitter:hover,.sleft.youtube:hover,.sleft.email:hover { opacity:0.5; } /* CUSTOM HTML - INSET */ .inset_text { position:absolute; top:23%; } .inset_text h1 {font-weight:900;font-size:142px;color:#fff;line-height:142px;} .inset_text p {color:#fff;text-transform:uppercase;} .particleshow {width: 500px; height: 500px;} @media (max-width:979px) { .inset_text h1 {font-weight:900;font-size:104px;color:#fff;line-height:104px;} .inset_text { position:absolute; top:30%; } } @media (max-width:767px) { #region1 {background-position: 180% 0;} } @media (max-width:620px) { #region1 {background-position: 20% 0;} .inset_text { left:15%; } .particleshow {width: 480px; height: 100px;} } @media (max-width:480px) { #region1 {background-position: 30% 15%;} .inset_text { position:absolute; top:40%; left:15%; } .inset_text h1 { font-weight: 700; font-size: 72px; color: #fff; line-height: 52px; } .inset_text p { font-size:12px; } .particleshow {width: 340px; height: 100px;} } @media (max-width:320px) { .inset_text { position:absolute; top:40%; left:0%; } } /* CUSTOM HTML - USER1 */ .about_text { width:70%; padding-top:42px; margin:0 auto; } .about_text h2 { font-weight:bold; font-size:52px; letter-spacing:-3px; line-height:52px; margin:0; } .about_text h2 span { font-weight:100 } .about_text p { line-height:180%; margin:0; } .about_text a.btn,.upcoming_events a.btn { -webkit-box-shadow: 0px 12px 25px -14px rgba(0,0,0,0.89); -moz-box-shadow: 0px 12px 25px -14px rgba(0,0,0,0.89); box-shadow: 0px 12px 25px -14px rgba(0,0,0,0.89); } @media (max-width:767px) { .about_text { width:90%; padding-bottom:42px; text-align:center; } } @media (max-width:640px) { .about_text h2 { font-size:36px; } } /* DELUXE NEWSPRO - USER19 */ .skillset .tnail { background:#62456b; } /* DELUXE NEWS PRO - USER25 */ .dnpgrid1wrap .articlebutton,.portfolio li .overlay { background:#62456b!important; } .filtrocontainer input.filtro_all_selector:checked ~ label.filtro_lable_All, .filtrocontainer input.filtro_selector_1:checked ~ label.filtro_label_1, .filtrocontainer input.filtro_selector_2:checked ~ label.filtro_label_2, .filtrocontainer input.filtro_selector_3:checked ~ label.filtro_label_3, .filtrocontainer input.filtro_selector_4:checked ~ label.filtro_label_4,.filtrocontainer label:hover { -webkit-box-shadow: 0px 12px 25px -14px rgba(0, 0, 0, 0.89); -moz-box-shadow: 0px 12px 25px -14px rgba(0, 0, 0, 0.89); box-shadow: 0px 12px 25px -14px rgba(0, 0, 0, 0.89); background:#62456b!important; } .pagebutton_current:before,.pagebutton:before { color:#62456b!important; } /* CUSTOM HTML - USER31 */ .gallery_text_inner h3{ font-size:52px; letter-spacing:-2px; font-weight:bold; margin-bottom:0; line-height:32px!important; } .gallery_text_inner h3 span { font-weight:100; } .gallery_text_inner { padding:10%; } .gallery_inner { padding: 8% 0 0 0; } .gallery_text h3,.gallery_text hr,.gallery_text p { color:#fff; } .gallery_btn { text-align:right; } .gallery_btn a { text-transform:uppercase; } .imagegalleryplg img { border:0px!important; background:transparent; box-shadow: 0px 0px 0px!important; padding:0!important; } @media (max-width:979px) { .my-gallery .span5,.my-gallery .span7 {float:none!important;width:100%!important;margin-left:0px!important;text-align:center; } .gallery_btn { text-align:center; } } @media (max-width:768px) { .gallery_inner { padding:0; } } @media (max-width:640px) { .gallery_text_inner { padding:10% 0 0 0; } .gallery_text_inner h3{ font-size:36px; } } /* CUSTOM HTML - USER43 */ .video_gallery_text_inner {padding:10%;} .video_gallery_inner {padding: 8% 10% 1% 10%;} .video_gallery_text h3,.gallery_text hr,.video_gallery_text p {color:#fff;} .video_gallery_text_inner h3{font-size:52px;letter-spacing:-2px;font-weight:bold;margin-bottom:0;line-height:32px!important;} .video_gallery_text_inner h3 span {font-weight:100;} @media (max-width:1024px) { .video_gallery_inner {padding: 8% 10% 1% 0%;} } @media (max-width:979px) { .video_gallery_inner {padding:0;} .video_gallery_text_inner {padding:5% 0 0 0;} } @media (max-width:640px) { .video_gallery_text_inner h3{ font-size:36px;} } /* ACYMAILING - USER 49 */ table.acymailing_form { width:70%; } table.acymailing_form input { background:transparent!important;color:#fff; } table.acymailing_form h3,table.acymailing_form hr,table.acymailing_form i,table.acymailing_form p.byline { color:#fff!important; } .acy_text_inner {color:#fff;} .acy_text_inner h3{font-size:52px;letter-spacing:-2px;font-weight:bold;margin-bottom:0;line-height:32px!important;color:#fff!important;} .acy_text_inner h3 span {font-weight:100;} @media (max-width:640px) { .acy_text_inner h3 {font-size:36px;} } input.button.subbutton.btn.btn-primary { padding:8px!important; border:1px solid #fff!important; } /* CUSTOM HTML - LEFT10 */ p.giant-letter-left { font-size:210px;text-align:right; } /* CUSTOM HTML - RIGHT10 */ p.giant-letter-right { font-size:210px;text-align:left; } /* SHARER CSS */ button.sharer { border: none; font-size: 1.3em; font-weight: 900; outline: none; background:transparent; } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {button.sharer i {margin-left:-5.5px;}} @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {button.sharer i {margin-left:-5.5px;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {button.sharer i {margin-left:-5.5px;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {button.sharer i {margin-left:-5.5px;}} button.sharer[data-sharer="twitter"] { color: #00aced; } button.sharer[data-sharer="facebook"] { color: #3b5998; } button.sharer[data-sharer="linkedin"] { color: #007AB5; } button.sharer[data-sharer="googleplus"] { color: #DD4C39; } button.sharer[data-sharer="email"] { color: #444; } button.sharer[data-sharer="whatsapp"] { color: #4DC247; } button.sharer[data-sharer="telegram"] { color: #34ADE1; } button.sharer[data-sharer="viber"] { color: #7C529E; } button.sharer[data-sharer="pinterest"] { color: #CB2029; } button.sharer[data-sharer="tumblr"] { color: #32506d; } button.sharer[data-sharer="hackernews"] { color: #FF6700; } button.sharer[data-sharer="reddit"] { color: #CEE3F8; } button.sharer[data-sharer="vk"] { color: #45668E; } button.sharer[data-sharer="buffer"] { color: #46ABED; } button.sharer[data-sharer="xing"] { color: #006464; } button.sharer[data-sharer="line"] { color: #1DCD00; } button.sharer[data-sharer="digg"] { color: #1B568E; } button.sharer[data-sharer="pocket"] { color: #EE4056; } button.sharer[data-sharer="stumbleupon"] { color: #EB4924; } button.sharer[data-sharer="flipboard"] { color: #E02828; } button.sharer[data-sharer="weibo"] { color: #E6162D; } button.sharer[data-sharer="renren"] { color: #005EAC; } button.sharer[data-sharer="myspace"] { color: #111; } button.sharer[data-sharer="blogger"] { color: #EB8104; } button.sharer[data-sharer="baidu"] { color: #2319DC; } button.sharer[data-sharer="okru"] { color: #EE8208; } /* Extra Fierlds */ /* FIELDS CONTAINER */ .item-page dl.fields-container { background:#F2F2F2; padding: 20px; } /* ----------------------------------------------*/ /* 08 - Responsive CSS Parameters /* ----------------------------------------------*/ /* Check to see if the Responsive parameter is on */ /* Body Frontpage Background Swap Breakpoints */ /* Body Frontpage No Background Images Parameter */ /* Body Innerpage Background Swap Breakpoints */ /* Body Innerpage No Background Images Parameter */ @media (max-width: 768px) {body.innerpage {background-image:none;}} /* Headerwrap Background Swap Breakpoints */ /* Headerwrap No Background Images Parameter */ /* Header Background Swap Breakpoints */ /* Headerwrap No Background Images Parameter */ /* Mobile Logo */ @media (max-width: 768px) { #logo {display:none;} #logomobile {display:block;} } /* Region1Wrap Background Swap Breakpoints */ /* Region1 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region1wrap {background-image:none;}} /* Region1 Background Swap Breakpoints */ /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { #region1 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #region1 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phones and down */ @media (max-width: 480px) { #region1 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* End Device Swap Parameter */ /* Region1 No Background Images Parameter */ /* Region2 Wrap Background Swap Breakpoints */ /* Region2 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region2wrap {background-image:none;}} /* Region 2 Background Swap Breakpoints */ /* Region 2 No Background Images Parameter */ /* Region 3 Wrap Background Swap Breakpoints */ /* Region 3 Wrap No Background Images Parameter */ /* Region 3 Background Swap Breakpoints */ /* Region 3 No Background Images Parameter */ /* Region 4 Wrap Background Swap Breakpoints */ /* Region 4 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region4wrap {background-image:none;}} /* Region 4 Background Swap Breakpoints */ /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { #region4 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #region4 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phones and down */ @media (max-width: 480px) { #region4 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* End Device Swap Parameter */ /* Region 4 No Background Images Parameter */ /* Region 5 Wrap Background Swap Breakpoints */ /* Region 5 Wrap No Background Images Parameter */ /* Region 5 Background Swap Breakpoints */ /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { #region5 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #region5 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phones and down */ @media (max-width: 480px) { #region5 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* End Device Swap Parameter */ /* Region 5 No Background Images Parameter */ /* Region 6 Wrap Background Swap Breakpoints */ @media (max-width: 980px) { #region6wrap {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } @media (max-width: 768px) { #region6wrap {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } @media (max-width: 480px) { #region6wrap {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Region 6 Wrap No Background Images Parameter */ /* Region 6 Background Swap Breakpoints */ /* Region 6 No Background Images Parameter */ /* Region 7 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region7wrap {background-image:none;}} /* Region 7 Wrap Background Swap Breakpoints */ /* Region 7 Background Swap Breakpoints */ /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { #region7 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #region7 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phones and down */ @media (max-width: 480px) { #region7 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* End Device Swap Parameter */ /* Region 7 No Background Images Parameter */ /* Region 8 Wrap Background Swap Breakpoints */ /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { #region8wrap {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #region8wrap {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* Landscape phones and down */ @media (max-width: 480px) { #region8wrap {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/');} } /* End Device Swap Parameter */ /* Region 8 Wrap No Background Images Parameter */ /* Region 8 Background Swap Breakpoints */ /* Region 8 No Background Images Parameter */ /* Region 9 Wrap Background Swap Breakpoints */ /* Region 9 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region9wrap {background-image:none;}} /* Region 9 Background Swap Breakpoints */ /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { #region9 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/r9-s1_979.jpg');} } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #region9 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/r9-s1_767.jpg');} } /* Landscape phones and down */ @media (max-width: 480px) { #region9 {background-image: url('http://theboughtspot.com/templates/influence/images/backgrounds/r9-s1_480.jpg');} } /* End Device Swap Parameter */ /* Region 9 No Background Images Parameter */ /* Region 10 Wrap Background Swap Breakpoints */ /* Region 10 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region10wrap {background-image:none;}} /* Region 10 Background Swap Breakpoints */ /* Region 10 No Background Images Parameter */ /* Region 11 Background Swap Breakpoints */ /* Region 11 No Background Images Parameter */ /* Region 11 Background Swap Breakpoints */ /* Region 11 No Background Images Parameter */ /* Region 12 Wrap Background Swap Breakpoints */ /* Region 12 Wrap No Background Images Parameter */ @media (max-width: 768px) {#region12wrap {background-image:none;}} /* Region 12 Background Swap Breakpoints */ /* Region 12 No Background Images Parameter */ @media (max-width: 768px) {#region12 {background-image:none;}} /* Footer Wrap No Background Images Parameter */ /* Footer Wrap Background Swap Breakpoints */ /* Footer No Background Images Parameter */ /* Footer Background Swap Breakpoints */ /* End Responsive Parameters */ #region1pad {background: transparent !important;} #region1pad::after {display:none;} @media screen and (min-width: 900px){ .hometext {font-size: 80pt; color: #fff;} } @media screen and (max-width: 900px) { .nomobile {display: none;} .hometext {font-size: 48pt; color: #fff;} } .moddefault ul li {list-style: none;} .moddefault .studyname {font-size: 12pt !important; font-weight: bold;} .moddefault .messageimage {width: 100px !important;}/** * @version 1.0.1 * @package Influence template for Joomla! 3.x * @author JoomlaXTC http://www.joomlaxtc.com * @copyright Copyright (C) 2017 Monev Software LLC. All rights reserved. * @license http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License */ /* ----------------------------------------------*/ /* GLOBAL TYPOGRAPHY /* ----------------------------------------------*/ body, p, input, button, select, textarea { font-size:16px; direction:ltr; line-height: 1.56; font-weight: 400; font-family:'Hind', sans-serif} .page-header h1, h1, h2, h3, h4, h5, h6 { font-weight:700; font-family: 'Hind', sans-serif} h1 { font-size:52px; line-height: 112%; } h2 { font-size:36px; line-height: 100%!important; } h3 { font-size:32px; line-height: 120%!important; } h4 { font-size:24px; line-height: 100%!important; } h5 { font-size:16px; } h6 { font-size:14px; } ul{list-style-position:inside} ul.column li{margin:0 0 30px;text-align:center} ul.pagenav li{padding:3px!important} .nolh h1,.nolh h2,.nolh h3,.nolh h4,.nolh h5,.nolh h6,.nolh p{line-height:0!important} ul.docs{margin-left:0} ul.docs li{font-size:12px;line-height:22px} /* ----------------------------------------------*/ /* MENU TYPOGRAPHY /* ----------------------------------------------*/ #menuwrap .nav>li>a, #menuwrap .nav>li>a.active > a, #menuwrap .nav>li>a:hover > a, #menuwrap ul.nav span.separator { font-size:18px; font-weight:300; font-family:'Hind', sans-serif} #menuwrap .dropdown-menu a, #menuwrap ul.nav .dropdown-menu span.separator { font-size:13px; font-weight:400; font-family:'Hind', sans-serif} /* ----------------------------------------------*/ /* LOGO TYPOGRAPHY /* ----------------------------------------------*/ #logo p { font-size:36px; font-weight:normal; font-family:'Baloo', cursive;} /* ----------------------------------------------*/ /* COMPONENT TYPOGRAPHY /* ----------------------------------------------*/ .componentheading, .pagetitle, span.subheading-category, .componentheading span, h1.pagetitle span, .itemListCategory h1.pagetitle span, .pagetitle span, #component h1.pagetitle span { font-size:72px!important; line-height: 120%; display: block; font-weight:700; font-family: 'Hind', sans-serif} .com_content .blog .page-header h2 a, .com_content .blog .page-header h2 { font-size:46px; font-weight:700; line-height: 100%; font-family:'Hind', sans-serif} .com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 { font-size:46px; font-weight:700; line-height: 100%; font-family:'Hind', sans-serif} .com_content .blog .span2 .page-header h2, .com_content .blog .span2 .page-header h2 a, .com_content .blog .span3 .page-header h2, .com_content .blog .span3 .page-header h2 a, .com_content .blog .span4 .page-header h2, .com_content .blog .span4 .page-header h2 a { font-size: 150%; letter-spacing: -1px; } /* ----------------------------------------------*/ /* MODULE TYPOGRAPHY /* ----------------------------------------------*/ h1.moduletitle span.first_word, h1.moduletitle span.rest, h2.moduletitle span.first_word, h2.moduletitle span.rest, h3.moduletitle span.first_word, h3.moduletitle span.rest, h4.moduletitle span.first_word, h4.moduletitle span.rest, h5.moduletitle span.first_word, h5.moduletitle span.rest, h6.moduletitle span.first_word, h6.moduletitle span.rest,h1.moduletitle, h2.moduletitle,h3.moduletitle, h4.moduletitle, h5.moduletitle, h6.moduletitle { font-size:32px; line-height:32px!important; font-weight:900; letter-spacing: -1px; font-family:'Hind', sans-serif} h3.fa { font-size:32px; line-height:32px; } h3.fa::before { margin-right: 12px; font-family: fontAwesome; } .haiku_text h3 {font-size:32px;line-height:32px;margin:0;} /* ----------------------------------------------*/ /* JOOMLA TYPOGRAPHY /* ----------------------------------------------*/ div.joomla div.description { font-size: 18px; line-height: 20px; } .breadcrumb>li { font-size:12px!important; } div.breadcrumbs a.pathway { font-size: 11px!important; } /* ----------------------------------------------*/ /* TYPO STYLES /* ----------------------------------------------*/ /* Drop Cap */ .dropcap { float: left; padding: 0 8px 0 0; display: block; color: #999; font: 80px/60px Times, serif } .ulwrap { background: #f4f4f4; border: 1px solid #ddd; margin: 0 0 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } h3.wraptitle { padding: 0; margin: 0; font-size: 16px; color: #666; line-height: 100% } .h3large h3.moduletitle { font-size: 28px!important } /* UL Icons */ ul.icons { list-style: none; padding: 12px 0; margin: 0 } ul.icons li span { padding-right: 10px } ul.icons li span i.icon-ok { color: #5ea62a } ul.icons li span i.icon-star { color: #eec523 } ul.icons li span i.icon-remove-sign { color: #900 } ul.icons li span i.icon-comments { color: #5e8bc9 } ul.icons li span i.icon-play-circle { color: #222 } /* Button Colors */ .btnblue { background: #6791e7; color: #fff; border: 0; padding: 8px 12px } .btnred { background: #e52644; color: #fff; border: 0; padding: 8px 12px } .btngreen { background: #1b3647; color: #fff; border: 0; padding: 8px 12px } .btnorange { background: #ff5353; color: #fff; border: 0; padding: 8px 12px } .btnyellow { background: #ffbc48; color: #fff; border: 0; padding: 8px 12px } .btngrey { background: #222; color: #fff; border: 0; padding: 8px 12px } /* Blog Bubbles */ .blog-red, .blog-blue, .blog-green, .blog-cyan, .blog-tan, .blog-yellow, .blog-grey, .blog-pink, .blog-basecolor1, .blog-basecolor2, .blog-basecolor3, .blog-basecolor4, .blog-basecolor5 { line-height: 133%; margin-bottom: 15px; position: relative; padding: 30px; font-size: 14px; color: #fff; color: rgba(255,255,255,0.85); font-weight: 700; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .blog-red+p, .blog-blue+p, .blog-green+p, .blog-cyan+p, .blog-tan+p, .blog-yellow+p, .blog-grey+p, .blog-pink+p, .blog-basecolor1+p, .blog-basecolor2+p, .blog-basecolor3+p, .blog-basecolor4+p, .blog-basecolor5+p { margin: 15px 0 2em 85px; font-style: italic } .blog-red:after, .blog-blue:after, .blog-green:after, .blog-cyan:after, .blog-tan:after, .blog-yellow:after, .blog-grey:after, .blog-pink:after, .blog-basecolor1:after, .blog-basecolor2:after, .blog-basecolor3:after, .blog-basecolor4:after, .blog-basecolor5:after { content: ""; position: absolute; bottom: -30px; left: 50px; border-width: 0 20px 30px 0; border-style: solid; display: block; width: 0 } .blog-red { background: #590c0d } .blog-red:after { border-color: transparent #590c0d } .blog-blue { background: #587faf } .blog-blue:after { border-color: transparent #587faf } .blog-green { background: #90892f } .blog-green:after { border-color: transparent #90892f } .blog-tan { background: #87785e } .blog-tan:after { border-color: transparent #87785e } .blog-cyan { background: #21ceda } .blog-cyan:after { border-color: transparent #21ceda } .blog-yellow { background: #c8a446 } .blog-yellow:after { border-color: transparent #c8a446 } .blog-grey { background: #7a7a7a } .blog-grey:after { border-color: transparent #7a7a7a } .blog-pink { background: #b12d4c } .blog-pink:after { border-color: transparent #b12d4c } /* Responsive CSS */ /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* TYPO */ p, input, button, select, textarea { font-size: 90%; } body, p, input, button, select, textarea { font-size:16px; direction:ltr; line-height: 1.56; font-weight: 400; font-family:'Hind', sans-serif} .page-header h1, h1, h2, h3, h4, h5, h6 { font-weight:700; font-family: 'Hind', sans-serif} h1 { font-size:42px; line-height: 112%; letter-spacing: -2px; } h2 { font-size:32px; line-height: 100%!important; } h3 { font-size:22px; line-height: 120%!important; } h4 { font-size:18px; line-height: 100%!important; } h5 { font-size:16px; } h6 { font-size:14px; } .breadcrumb>li { font-size:12px; } /* ----------------------------------------------*/ /* MENU TYPOGRAPHY /* ----------------------------------------------*/ #menuwrap .nav-collapse.in.collapse .nav>li>a, #menuwrap .nav-collapse.in.collapse .nav>li>a.active > a,#menuwrap .nav-collapse.in.collapse .nav>li>a:hover > a, #menuwrap .nav-collapse.in.collapse ul.nav span.separator { font-size:24px; font-weight:300; font-family:'Hind', sans-serif} #menuwrap .nav-collapse.in.collapse .dropdown-menu a,#menuwrap .nav-collapse.in.collapse ul.nav .dropdown-menu span.separator { font-size:18px; font-weight:400; font-family:'Hind', sans-serif} /* ----------------------------------------------*/ /* LOGO TYPOGRAPHY /* ----------------------------------------------*/ #logomobile p { font-size:32px; font-weight:normal; font-family:'Baloo', cursive;} /* ----------------------------------------------*/ /* COMPONENT TYPOGRAPHY /* ----------------------------------------------*/ .componentheading, .pagetitle, span.subheading-category, .componentheading span, h1.pagetitle span, .itemListCategory h1.pagetitle span, .pagetitle span, #component h1.pagetitle span { font-size:42px!important; line-height: 120%; display: block; font-weight:700; font-family: 'Hind', sans-serif} .com_content .blog .page-header h2 a, .com_content .blog .page-header h2 { font-size:32px; font-weight:700; line-height: 100%; font-family:'Hind', sans-serif} .com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 { font-size:32px; font-weight:700; line-height: 100%; font-family:'Hind', sans-serif} /* ----------------------------------------------*/ /* MODULE TYPOGRAPHY /* ----------------------------------------------*/ h1.moduletitle span.first_word, h1.moduletitle span.rest, h2.moduletitle span.first_word, h2.moduletitle span.rest, h3.moduletitle span.first_word, h3.moduletitle span.rest, h4.moduletitle span.first_word, h4.moduletitle span.rest, h5.moduletitle span.first_word, h5.moduletitle span.rest, h6.moduletitle span.first_word, h6.moduletitle span.rest { font-size:36px; line-height:36px; font-weight:900; letter-spacing: -1px; font-family:'Hind', sans-serif} h3.fa { font-size:36px; line-height:36px; }/** * @copyright (C) 2007 Open Source Matters, Inc. * @license GNU General Public License version 2 or later; see LICENSE.txt */ /* Import project-level system CSS */ @import url(../../../media/system/css/system.css); /* Unpublished */ .system-unpublished, tr.system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } span.highlight { background-color:#FFFFCC; font-weight:bold; padding:1px 0; } .img-fulltext-float-right { float: right; margin-left: 10px; margin-bottom: 10px; } .img-fulltext-float-left { float: left; margin-right: 10px; margin-bottom: 10px; } .img-fulltext-float-none { } .img-intro-float-right { float: right; margin-left: 5px; margin-bottom: 5px; } .img-intro-float-left { float: left; margin-right: 5px; margin-bottom: 5px; } .img-intro-float-none { }/** * @copyright (C) 2006 Open Source Matters, Inc. * @license GNU General Public License version 2 or later; see LICENSE.txt */ /* Form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; } .button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url(../images/j_button2_image.png) 100% 0 no-repeat; } .button2-left .readmore, .button2-left .article { background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; } .button2-left .blank { background: url(../images/j_button2_blank.png) 100% 0 no-repeat; } /* Tooltips */ div.tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index:13000; } div.tooltip h4 { padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../images/selector-arrow.png) no-repeat; } div.tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ /* Caption fixes */ .img_caption .left { float: left; margin-right: 1em; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right p { clear: right; text-align: center; } .img_caption { text-align: center!important; } .img_caption.none { margin-left:auto; margin-right:auto; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } #region1pad {background: transparent !important;} .moddefault ul li {list-style: none;} .moddefault .studyname {font-size: 12pt !important; font-weight: bold;} .moddefault .messageimage {width: 100px !important;}