.vertical-tab{font-family: 'Roboto', sans-serif; display: table;} .vertical-tab .nav-tabs{display: table-cell; width: 28%; min-width: 28%; border: none; border-right: 3px solid #dd5cba; position: relative;} .vertical-tab .nav-tabs li{float: none; vertical-align: top;} .vertical-tab .nav-tabs li a{color: #606060; background-color: #f1f2f6; font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 15px 15px; margin: 0; border: none; border-radius: 0; display: block; position: relative; z-index: 1; transition: all 0.3s ease 0s;} .vertical-tab .nav-tabs li a:hover, .vertical-tab .nav-tabs li.active a, .vertical-tab .nav-tabs li.active a:hover{color: #dd5cba; background-color: #fff; border: none;} .vertical-tab .nav-tabs li a:before, .vertical-tab .nav-tabs li a:after{content: ''; height: 20px; width: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3) inset; opacity: 0; transform: translateY(-50%) rotate(45deg); position: absolute; right: -10px; top: 100%; z-index: -1; transition: all 0.3s ease 0s;} .vertical-tab .nav-tabs li a:after{background-color: #dd5cba; border-radius: 50%; height: 12px; width: 12px; right: 100%; top: 50%;} .vertical-tab .nav-tabs li.active a:before, .vertical-tab .nav-tabs li a:hover:before{top: 50%; opacity: 1;} .vertical-tab .nav-tabs li.active a:after, .vertical-tab .nav-tabs li a:hover:after{right: -6px; opacity: 1;} .vertical-tab .tab-content{color: #606060; font-size: 14px; text-align: justify; line-height: 23px; vertical-align: top; padding: 15px 15px 15px 30px; display: table-cell;} .vertical-tab .tab-content h3{color: #dd5cba; font-size: 24px; margin: 0 0 5px 0;} @media only screen and (max-width: 479px){.vertical-tab .nav-tabs{display: block; width: 100%; border-right: none;}.vertical-tab .nav-tabs li a{padding: 10px; margin: 0 0 10px;}.vertical-tab .tab-content{display: block; padding: 20px 15px 5px; border-radius: 0 0 10px 10px;}.vertical-tab .tab-content h3{font-size: 18px;}} 

/* /website_gaw/static/src/css/winners.css defined in bundle 'web.assets_frontend' */
 .shape{border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px; -ms-transform:rotate(360deg); -o-transform: rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);} .offer{background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;} .offer:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform:rotate scale(1.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .shape{border-color: #dd5cba;} .offer-radius{border-radius:7px;} .offer-primary{border-color: #dd5cba;} .offer-primary .shape{border-color: transparent #dd5cba transparent transparent;} .shape-text{color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap; -ms-transform:rotate(30deg); -o-transform: rotate(360deg); -webkit-transform:rotate(30deg); transform:rotate(30deg);} .offer-content{padding:8px; text-align: center;} .offer-content img{width: 140px; border-radius: 25%; margin: 0 auto;} .offer-content .place{font-weight: bold; font-style: italic;} 

/* /website_gaw/static/src/less/gaw.less defined in bundle 'web.assets_frontend' */
 .navbar .container{width: 90% !important;} .tb-social-liner .fa{font-size: 18px;} .oe_signup_form, .oe_reset_password_form{max-width: 600px !important;} .shekinah_intro{color: #fff; background-image: url('/website_gaw/static/src/img/shekinah/shekinah_bg1.jpg'); background-position: center; border: 1px solid #000;} .breaking-news-ticker{border: solid 1px #dd5cba;} .breaking-news-ticker .bn-label{background-color: #dd5cba; font-size: 16px;} .sh_banner{background: url('/website_gaw/static/src/img/shekinah/shekinah_bg2.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .sh_the_hindu{background: url('/website_gaw/static/src/img/shekinah/the_hindu.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff;} .logo_story{background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(/website_gaw/static/src/img/blogs/logo_bg.jpg); background-size: cover; background-repeat: no-repeat;} p.bible_quote{color: blue; font-style: italic;} .img-center{display: block; margin: auto;} #donate{list-style: none; margin: 0; position: relative; text-align: center;} #donate li{display: inline-block; margin: 0 60px; position: relative; -webkit-transform: skewy(-3deg); -webkit-backface-visibility: hidden; -webkit-transition: 200ms all;} #donate li a{text-transform: uppercase; font-family: 'Squada One', cursive; font-weight: 800; display: block; background: #FFF; padding: 2px 10px; color: #dd5cba; font-size: 32px; text-align: center; text-decoration: none; position: relative; z-index: 1; text-shadow: 1px 1px 0px #FFF, 2px 2px 0px #999, 3px 3px 0px #FFF; background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.05) 100%); -webkit-transition: 1s all; background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.15) 75%); background-size: 4px 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset, 0 0 20px -5px rgba(0, 0, 0, 0.4), 0 0 0px 3px #FFF inset;} #donate a:hover{color: #d90075;} #donate li:after, #donate li:before{content: ''; position: absolute; width: 50px; height: 100%; background: #BBB; -webkit-transform: skewY(8deg); x-index: -3; border-radius: 4px;} #donate li:after{background-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 100%); right: 0; top: -4px;} #donate li:before{left: 0; bottom: -4px; background-image: -webkit-linear-gradient(right, transparent 0%, rgba(0, 0, 0, 0.4) 100%);} .portfolio-item img{width: 307px; height: 230px;} #team a{color: #fff;} #team img{height: 257px;} #call-to-action{padding: 20px 0;} #call-to-action .cta-text .post_date{font-size: 16px;} #call-to-action .cta-text .o_sharing_links a{font: normal normal normal 20px/1 FontAwesome !important;} .timeline{position: relative; padding: 0; list-style: none;} .timeline:before{position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; margin-left: -1.5px; content: ''; background-color: #e9ecef;} .timeline > li{position: relative; min-height: 50px; margin-bottom: 50px;} .timeline > li:after, .timeline > li:before{display: table; content: ' ';} .timeline > li:after{clear: both;} .timeline > li .timeline-panel{position: relative; float: right; width: 100%; padding: 0 20px 0 100px; text-align: left;} .timeline > li .timeline-panel:before{right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;} .timeline > li .timeline-panel:after{right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;} .timeline > li .timeline-image{position: absolute; z-index: 100; left: 0; width: 80px; height: 80px; margin-left: 0; text-align: center; color: white; border: 7px solid #e9ecef; border-radius: 100%; background-color: #fed136;} .timeline > li .timeline-image h4{font-size: 10px; line-height: 14px; margin-top: 12px;} .timeline > li.timeline-inverted > .timeline-panel{float: right; padding: 0 20px 0 100px; text-align: left;} .timeline > li.timeline-inverted > .timeline-panel:before{right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;} .timeline > li.timeline-inverted > .timeline-panel:after{right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;} .timeline > li:last-child{margin-bottom: 0;} .timeline .timeline-heading h4{margin-top: 0; color: inherit;} .timeline .timeline-heading h4 .subheading{text-transform: none;} .timeline .timeline-body > ul, .timeline .timeline-body > p{margin-bottom: 0;} @media (min-width: 768px){.timeline:before{left: 50%;}.timeline > li{min-height: 100px; margin-bottom: 100px;}.timeline > li .timeline-panel{float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right;}.timeline > li .timeline-image{left: 50%; width: 100px; height: 100px; margin-left: -50px;}.timeline > li .timeline-image h4{font-size: 13px; line-height: 18px; margin-top: 16px;}.timeline > li.timeline-inverted > .timeline-panel{float: right; padding: 0 30px 20px 20px; text-align: left;}} @media (min-width: 992px){.timeline > li{min-height: 150px;}.timeline > li .timeline-panel{padding: 0 20px 20px;}.timeline > li .timeline-image{width: 150px; height: 150px; margin-left: -75px;}.timeline > li .timeline-image h4{font-size: 18px; line-height: 26px; margin-top: 30px;}.timeline > li.timeline-inverted > .timeline-panel{padding: 0 20px 20px;}} @media (min-width: 1200px){.timeline > li{min-height: 170px;}.timeline > li .timeline-panel{padding: 0 20px 20px 100px;}.timeline > li .timeline-image{width: 170px; height: 170px; margin-left: -85px;}.timeline > li .timeline-image h4{margin-top: 40px;}.timeline > li.timeline-inverted > .timeline-panel{padding: 0 100px 20px 20px;}} #jGallery .btn-small{line-height: 25px;} #jGallery .btn-large{line-height: 60px;} #jGallery .progress{bottom: -20px !important;} .contest-item .contest-img{border: 4px solid #fff; margin: 0 auto;} .contest-item h4{font-size: 14px; margin: -18px 0px 0 0; text-align: center;} .contest2-item{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .contest2-item h4{font-size: 14px; text-align: center;} @media screen and (max-width: 767px){#wrapwrap{font-size: 14px;}h3{font-size: 20px;}.carousel-indicators{bottom: -10px;}.section-header h2{font-size: 24px;}#donate li{margin: 0;}#donate li a{padding: 2px 18px; font-size: 14px;}} @media screen and (max-width: 479px){#donate li{margin: 0;}#donate li a{padding: 0; font-size: 10px;}}