/* Theme Name: Avada Child Description: Child theme for Avada theme Author: ThemeFusion Author URI: https://theme-fusion.com Template: Avada Version: 1.0.0 Text Domain: Avada */ /*Global Margins and Padding*/ a {color: #2192bc;} a:hover { text-decoration: underline !important; } .aboutUsBx .learnMore a, a.fusion-button, a.Btn{text-decoration: none !important;} .fusion-main-menu > ul > li a:hover{text-decoration: none !important;} *:focus { outline: none !important; box-shadow: none !important; } .mr0 { margin-right: 0 !important; } .empytAnchor a[href='']{ display:none !important;} /*colors*/ .red{ color:#bd4563 !important; } .yello{ color:#ffb700 !important; } .green {color:#95c64d !important;} .blue { color:#1591be !important; } .bg-red{ background:#bd4563 !important; } .bg-yello{ background:#ffb700 !important; } .bg-green {background:#95c64d !important;} .bg-blue { background:#1591be !important; } .redBorder {border-color:#bd4563 !important;} .yelloBorder { border-color:#ffb700 !important; } .greenBorder {border-color:#95c64d !important;} .blueBorder { border-color:#1591be !important; } .blackBorder { border-color:#000 !important; } /*Heading*/ h1.titledesign{ font-size: 55px !important; margin-bottom: 55px; text-transform: uppercase; position: relative; padding-bottom: 20px; } h1.titledesign::after{ content: " "; position: absolute; left: 0; bottom: 0; width: 8%; height: 4px; z-index: 99; background: #000;} .Btn { display: inline-block; padding: 16px 40px; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid transparent; font-family: 'FjallaOne-Regular'; font-size: 16px; text-transform: uppercase; margin-top: 20px; color:#000; text-decoration: none; position: relative; } .Btn:hover,.Btn:focus,.Btn:active { text-decoration: none; color: inherit; background: #27A7D6; color:#fff; border-color:#27A7D6; } .btnPrimary { border-color:#000; color:#000;} .btnSecondary { border-color:#fff; color:#fff;} /*Slider | Banner */ .bannerheading{ font-family: Fjalla One !important; font-size: 70px !important; color: #ffffff !important; text-transform: uppercase !important; text-align: center !important; } .sliderTitle{text-align: center; font-weight: bolder !important; font-family: 'Fjalla One' !important; font-size: 80px !important; color: #ffffff !important; margin-top: -10px; text-transform: uppercase;} .sliderSubTitle {text-align: center; font-size: 58px !important; font-weight: bolder !important; font-family: 'Fjalla One' !important; color: #ffffff !important; margin-bottom: 35px !important; letter-spacing: 0.5px; text-transform: uppercase;} /*breadcrumbs*/ .layout-wide-mode #wrapper { position: relative; } .breadcrumb {width: 70%; position: absolute; top: 350px; z-index: 999999; padding: 5px 50px; padding-right: 30px;} .breadcrumb i { position: relative; top: 3px; margin: 0px 10px; color:#fff;} .breadcrumb span {white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-bottom: 0; vertical-align: middle;} .breadcrumb span a { margin-bottom: 0; } .breadcrumb span, .breadcrumb span a { color:#fff; text-transform: capitalize; } .breadcrumb span:last-child { font-weight: 600; } .breadcrumb span.current-item {margin-top: 1px;} /*inner slider*/ .innerSlideBaner { margin-top: 176px; margin-bottom: 117px;} /*Search CSS*/ .searchBx .probox { height: 55px !important; border: 1px solid #000 !important; border-right: none !important; box-shadow: none; font-size: 16px; color:#666666; border-radius: 5px !important; } .searchBx .probox input { color:#000 !important; } .searchBx #ajaxsearchpro1_1, .searchBx #ajaxsearchpro1_2, .searchBx div.asp_m.asp_m_1 { border:none !important; border-radius: inherit; background: #fff !important; position: relative; z-index: 9;} .searchBx .innericon {width: 60px !important; height: 55px !important; background: #000 !important;} .searchBx .innericon svg { width: 30px !important; } /* .searchBx #ajaxsearchpro1_1 div.asp_simple-circle { border:4px solid #ccc !important; } */ .searchBx .proloading { margin-right: 15px !important; } /*Resource Training Cources Css*/ .upper-container { width: 85%; display: block; margin:0 auto; margin-top: 50px; } .trainningCources h1, .trainningCources h2, .trainningCources h3 { font-family: 'Fjalla One' !important; font-weight: normal; margin-bottom: 20px;} .trainningCources h1, .trainningCources h1.titledesign { padding-bottom: 40px; } .trainningCources h1.titledesign.lowerHeading {font-size: 35px !important; padding-bottom:10px; margin-bottom:30px; line-height: 40px;} .trainningCources h1.titledesign.lowerHeading:after {width: 5%;} .trainningCources .leftRightContainer {display: table; width: 100%;} .trainningCources .leftBx { min-height: 675px; background: #fff; padding: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; width: 60%; float: none; display: table-cell; vertical-align: top;} .trainningCources .leftBx .title { font-size: 14px;} .trainningCources .leftBx .mediaPlc { width: 50%; float: left; height: auto; background: #ddd; margin-bottom: 25px; margin-right: 42px; position: relative; } .trainningCources .leftBx .mediaPlc img { /* height: 375px; */ width: 100%; height: auto; } .trainningCources .leftBx .mediaPlc:after { content:""; width:70px; height: 70px; line-height: 72px; border-radius: 50%; background:#1591be url('../../../wp-content/uploads/2019/10/certificate-icon.png') no-repeat center 15px; background-size:50%; position: absolute; right: -15px; top:-15px;} .trainningCources .leftBx .mediaPlc.toolSoftware:after { content:""; width:70px; height: 70px; line-height: 72px; border-radius: 50%; background:#bd4563 url('../../../wp-content/uploads/2019/10/tools-and-software.png') no-repeat center 15px; background-size:50%; position: absolute; right: -15px; top:-15px;} .trainningCources .leftBx .mediaPlc .traingCourseThumb { width: 100%; float: left; padding: 0 !important; border:none !important; position: relative;} .trainningCources .leftBx .mediaPlc .traingCourseThumb .bottomOverlay .leftArea { width: 50%; float: left; } .trainningCources .leftBx .mediaPlc .traingCourseThumb .bottomOverlay .rightArea { width: 50%; float: left; text-align: right; color:#fff; } .trainningCources .leftBx .mediaPlc .traingCourseThumb {margin-top:0px;} .trainningCources .rightBx { min-height: 675px; background: #fff; padding: 40px; padding-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; width: 37%; float: none; display: table-cell; vertical-align: top; } .trainningCources .rightBx .listGroup + .listGroup { margin-top: 10px; } .trainningCources .rightBx label { font-size: 14px; font-weight: 600; width: 45%; display: inline-block; vertical-align: top; } .trainningCources .rightBx .title { font-size: 12px; width: 40%; display: inline-block; vertical-align: top; line-height: 16px; position: relative; top: 6px; text-transform: capitalize;} .trainningCources .rightBx .title a { color: #2192bc; } .trainningCources .rightBx .title a:hover { text-decoration: underline; color:#f27629; } .trainningCources .rightBx .title.weburl {word-break: break-all;} .trainningCources .rightBx .courseInc {border-top: 1px solid #000; margin:20px auto; display: block; margin-top: 30px;} .trainningCources .rightBx .courseInc strong {font-weight: 600; font-size: 15px; margin-top: 20px; display: block;} .trainningCources .rightBx .courseInc ul { margin:0; padding:0; margin-top: 15px;} .trainningCources .rightBx .courseInc ul li { font-size: 13px; list-style: none; position: relative; padding-left: 25px; } .trainningCources .rightBx .courseInc ul li + li { margin-top: 8px; } .trainningCources .rightBx .courseInc ul li:before { content: ""; background: url('../../../wp-content/uploads/2019/10/check-icon.png') no-repeat center top; width: 16px; height: 16px; position: absolute; background-size: contain; left: 0; top:5px; } .trainningCources .middleBx { background: #fff; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; width: 100%; float: left; margin-top: 0px; font-size: 14px; margin-bottom: 50px;} .trainningCources .middleBx .font-G-9xtqerbccg-n6 {font-family: 'Fjalla One' !important; margin-top: 15px; margin-bottom: 20px;} .trainningCources .middleBx .buttonBx { text-align: center; margin-bottom: 20px; } .trainningCources .middleBx .ng-element strong { font-size: 20px; font-weight: normal; } /*featured articles*/ .trainningCources .traingCourseThumb {width: 100%; padding-left: 100px; padding-right: 100px; float: left; border-top: 10px solid #bd4563; border-bottom: 10px solid #ffb700; padding-bottom: 50px; background: #fff; padding-top: 30px; margin-top:40px;} .trainningCources .traingCourseThumb .btnPrimary { min-width: 200px; } .trainningCources .traingCourseThumb ul { margin:0; padding: 0; } .trainningCources .traingCourseThumb li{ position: relative; overflow: hidden; padding-bottom: 15px; } .trainningCources .traingCourseThumb li { width: calc(100%/3 - 30px); float:left; position: relative; box-shadow: rgba(0,0,0,.09) 5px 5px 10px 0;} .trainningCources .traingCourseThumb li:nth-child(2) { margin-left: 40px; margin-right: 40px; } .trainningCources .traingCourseThumb li {min-height: 420px; background: #fff;} .trainningCources .traingCourseThumb li .featuredimage{ height: 250px; overflow: hidden; position: relative; } .trainningCources .traingCourseThumb li .featuredimage a img {width: 100%;} .trainningCources .traingCourseThumb li .posttype { float: left; font-size: 14px; font-family: 'Fjalla One' !important; text-transform: uppercase; margin:15px; } .trainningCources .traingCourseThumb li .publishtime { float: right; font-size: 12px; margin:15px; } .trainningCources .traingCourseThumb li .title, .trainningCources .traingCourseThumb li .contenttype, .trainningCources .traingCourseThumb li .created, .trainningCources .traingCourseThumb li .language, .trainningCources .traingCourseThumb li .link { width: 100%; float: left; font-size: 12px; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .trainningCources .traingCourseThumb li .link a {color: #2192bc; width: 72%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .trainningCources .traingCourseThumb li .link a:hover { text-decoration: underline; color:#f27629; } .trainningCources .traingCourseThumb li .title { padding-left: 10px; } .trainningCources .traingCourseThumb li .title a { font-size: 20px; font-family: 'Fjalla One' !important; padding-left: 5px; padding-top: 10px; width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;} .trainningCources .traingCourseThumb li .contenttype span, .trainningCources .traingCourseThumb li .created span, .trainningCources .traingCourseThumb li .language span, .trainningCources .traingCourseThumb li .link span {font-weight: bold; float: left; min-width: 100px;} .trainningCources .traingCourseThumb .buttonBx { text-align: center; margin-bottom: 20px; margin-top: 30px; width:100%; float: left; } .trainningCources .featureArticleRs .traingCourseThumb { border-top: 0px solid; } .trainningCources .featureArticleRs .traingCourseThumb ul {width: calc(100%/3 - 30px); float:left;} .trainningCources .featureArticleRs .traingCourseThumb ul:nth-child(3) { margin-left: 40px; margin-right: 40px; } .trainningCources .featureArticleRs .traingCourseThumb ul li {width: 100%;} .trainningCources .featureArticleRs .traingCourseThumb:nth-child(2) { border-bottom: 10px solid #95c64d; padding-top: 0; padding-bottom: 0;;} .trainningCources .featureArticleRs .traingCourseThumb:nth-child(3) { padding-right: 0; padding-top: 0; padding-bottom: 0; border-bottom: none; } .trainningCources .featureArticleRs .traingCourseThumb .tcts {padding:0; background: #95c64d;} .trainningCources .featureArticleRs .traingCourseThumb .tcts ul{ width: 100%; display: inline-block;} .trainningCources .featureArticleRs .traingCourseThumb .tcts ul li {width: calc(100%/2 - 30px); float:left;} .trainningCources .featureArticleRs .traingCourseThumb .tcts ul li:nth-child(2) { margin-left: 40px; margin-right: 0px; } .trainningCources .featureArticleRs .leftTiles { padding-top: 30px; padding-bottom: 50px; background: #fff; } .trainningCources .featureArticleRs .leftTiles .link a { width: 65%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .trainningCources .featureArticleRs .rightTiles { padding:30px 50px;} .trainningCources .featureArticleRs .rightTiles h1.titledesign { color: #fff; } .trainningCources .featureArticleRs .rightTiles h1.titledesign::after { background:#fff; width: 12%;} .trainningCources .featureArticleRs .rightTiles ul { margin:0; padding:0; margin-top: 10px; margin-bottom: 25px;} .trainningCources .featureArticleRs .rightTiles ul li { list-style: none; width: 100% !important; min-height: inherit; box-shadow: none; background: transparent;} .trainningCources .featureArticleRs .rightTiles ul li:nth-child(2) { margin-left: 0 !important; } .trainningCources .featureArticleRs .rightTiles ul li + li { margin-top: 20px; } .trainningCources .featureArticleRs .rightTiles ul li .leftBox { border:2px solid #fff; position: relative; min-height: 100px; width: 122px; display: inline-block; vertical-align: middle;} .trainningCources .featureArticleRs .rightTiles ul li .leftBox img { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 55%;} .trainningCources .featureArticleRs .rightTiles ul li .rightBox { position: relative; display: inline-block; min-height: 70px; width: 70%; vertical-align: middle; background: #fff; position: relative; left:-4px; } .trainningCources .featureArticleRs .rightTiles ul li .rightBox .title { font-family: 'Fjalla One' !important; text-transform: uppercase; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size: 18px; padding-left: 50px; } .trainningCources .featureArticleRs .rightTiles .btnPrimary { color:#fff; border-color:#fff; } .trainningCources .traingCourseThumb .bottomOverlay { width:100%; position: absolute; left:0; bottom:0; padding:15px; background: rgba(0,0,0,0.7);} .trainningCources .traingCourseThumb .bottomOverlay .progress { border-radius: 0; background: transparent; border:1px solid #fff; height: 12px; display: flex; overflow: hidden; font-size: .75rem; width: 100%;} .trainningCources .traingCourseThumb .bottomOverlay .progress-bar { background: #ffff; height: 13px; border-radius: 0; margin-bottom: 0; } .trainningCources .traingCourseThumb .bottomOverlay .progStatus{ color:#fff; font-size: 15px;} .trainningCources .traingCourseThumb .bottomOverlay .leftArea { width: 70%; float:left; position: relative; top:4px; } .trainningCources .traingCourseThumb .bottomOverlay .rightArea { width: 30%; float: left; } .trainningCources .traingCourseThumb .bottomOverlay .circleBox { width:45px; height: 45px; line-height: 42px; border-radius: 50%; background: #ddd; text-align: center; float: right} .trainningCources .traingCourseThumb .bottomOverlay .circleBox img {width: 22px !important; display: inline-block; vertical-align: middle ;} .trainningCources .traingCourseThumb .featuredimage .bottomOverlay .circleBox { position: relative; } .trainningCources .traingCourseThumb .featuredimage .bottomOverlay .circleBox img { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); } .trainningCources .resourceSearch .viewDocument { box-shadow: none; background: transparent; } .trainningCources .resourceSearch .viewDocument ul { margin:0; padding:0; } .trainningCources .resourceSearch .viewDocument ul li { width: 100%; display: inline-block; margin-bottom: 25px; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1); padding:10px 20px; background: #fff; border-left:10px solid #ddd;} .trainningCources .resourceSearch .viewDocument ul li div[class^="col-"]:first-child { padding-left: 0; } .trainningCources .resourceSearch .viewDocument .imgBox:after { content: none; } .trainningCources .resourceSearch .viewDocument .imgBox .featuredimage img {width: 100% !important;} .trainningCources .resourceSearch .viewDocument .circleBxIner {width: 50px; height: 50px; background: #ccc; padding: 10px; border-radius: 50%; position: absolute; right: 0; bottom: -3px;} .trainningCources .resourceSearch .viewDocument .circleBxIner img {width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .trainningCources .resourceSearch .viewDocument .title {font-family: 'Fjalla One' !important; font-weight: normal; margin-bottom: 10px;} .trainningCources .resourceSearch .viewDocument .contenttype, .trainningCources .resourceSearch .viewDocument .created, .trainningCources .resourceSearch .viewDocument .link, .trainningCources .resourceSearch .viewDocument .Country, .trainningCources .resourceSearch .viewDocument .publishtime { font-size: 12px; } .trainningCources .resourceSearch .lagendBox { margin:5px 0px; } .trainningCources .resourceSearch .lagendBox ul { margin:0; padding:0; float: right; margin-bottom: 24px; padding-right: 25px; } .trainningCources .resourceSearch .lagendBox ul li { display: inline-block; list-style: none; font-size: 14px; } .trainningCources .resourceSearch .lagendBox ul li + li { margin-left: 30px; } .trainningCources .resourceSearch .lagendBox ul li .circle {width: 35px; height: 35px; background: #ccc; padding: 10px; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; margin-right: 15px;} .trainningCources .resourceSearch .lagendBox ul li .circle img { width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .trainningCources .resourceSearch .lagendBox .title { vertical-align: middle; } .trainningCources .resourceSearch .viewDocument .contenttype span, .trainningCources .resourceSearch .viewDocument .created span, .trainningCources .resourceSearch .viewDocument .link span, .trainningCources .resourceSearch .viewDocument .Country span { font-size: 13px; font-weight: 600; } .trainningCources .resourceSearch .viewDocument span.urlLink { font-weight: normal; margin-left: 5px; } .trainningCources .resourceSearch .viewDocument span.urlLink a { color: #2192bc; width:93%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align: top; } .trainningCources .resourceSearch .viewDocument span.urlLink a:hover { text-decoration: underline; color:#f27629; } .trainningCources .resourceSearch .viewDocument ul li.trainingCourseList{ border-color: #1591be ; } .trainningCources .resourceSearch .viewDocument .trainingCourseList .circleBxIner { background: #1591be ; } .trainningCources .resourceSearch .viewDocument .trainingCourseList .contenttype span.active { color:#1591be ; } .trainningCources .resourceSearch .viewDocument ul li.toolSoftwareList{ border-color: #bd4563; } .trainningCources .resourceSearch .viewDocument .toolSoftwareList .circleBxIner { background: #bd4563; } .trainningCources .resourceSearch .viewDocument .toolSoftwareList .contenttype span.active { color:#bd4563; } .trainningCources .resourceSearch .viewDocument ul li.documentList{ border-color: #95c64d ; } .trainningCources .resourceSearch .viewDocument ul li.documentList span.urlLink a { width: 90%; } .trainningCources .resourceSearch .viewDocument .documentList .circleBxIner { background: #95c64d ; } .trainningCources .resourceSearch .viewDocument .documentList .contenttype span.active { color:#95c64d ; } /*Documents Css*/ .upper-container.resourceDocument { width: 70%; padding-top: 15px; margin-top: 45px;} .viewDocument {background-color: #fff; margin-bottom: 20px; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1); padding: 10px 20px;} .viewDocument .rightBx { width: auto; min-width: 66%; min-height: inherit; box-shadow: inherit; float: inherit; padding: 0;} .viewDocument .rightBx { margin:0; } .viewDocument .rightBx label { vertical-align: top; width:30%; font-size: 13px; } .viewDocument .rightBx .title { width: 69%; line-height: 16px; } .viewDocument .rightBx .title a { word-break: break-all; } .viewDocument .rightBx h3 { margin:0; padding:0; margin-bottom: 5px; } .viewDocument .rightBx .listGroup + .listGroup { margin-top: 0; } .viewDocument .imgBox { position: relative; } .viewDocument .imgBox:after { content:""; width:46px; height: 46px; line-height: 48px; border-radius: 50%; background:#95c64d url('../../../wp-content/uploads/2019/10/documets.png') no-repeat center 11px; background-size:50%; position: absolute; left: -15px; top:-15px;} .viewDocument .imgBox .bottomOverlay { width:100%; position: absolute; left:0; bottom:0; padding:9px; background: rgba(0,0,0,0.7);} .viewDocument .imgBox .bottomOverlay .progress { border-radius: 0; background: transparent; border:1px solid #fff; height: 12px; display: flex; overflow: hidden; font-size: .75rem; width: 100%;} .viewDocument .imgBox .bottomOverlay .progress-bar { background: #ffff; height: 13px; border-radius: 0; margin-bottom: 0; } .viewDocument .imgBox .bottomOverlay .progStatus{ color:#fff; font-size: 13px;} .viewDocument .imgBox .bottomOverlay .leftArea { width: 70%; float:left; position: relative; top:4px; } .viewDocument .imgBox .bottomOverlay .rightArea { width: 30%; float: left; } .viewDocument .imgBox .bottomOverlay .circleBox { width:45px; height: 45px; line-height: 42px; border-radius: 50%; background: #ddd; text-align: center; float: right} .viewDocument .rightIcons { padding-top: 40px; } .viewDocument .rightIcons .icons { width: 100%; display: inline-block; text-align: right; } .viewDocument .rightIcons .icons img { width: auto; height: 20px; } .viewDocument .rightIcons .icons + .icons { margin-top: 15px; } .resourceDocument .tabBox {margin-top: 45px; background-color: #fff; margin-bottom: 20px; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1); padding:0; font-size: 13px; line-height: 21px; margin-bottom: 100px;} .resourceDocument .tabBox .nav{display:inline-block; padding:10px; } .resourceDocument .tabBox .nav-tabs { box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; } .resourceDocument .tabBox .nav-tabs a { font-weight: 600; font-size: 16px; padding:13px 30px; } .resourceDocument .tabBox .info{display:none} .resourceDocument .tabBox .active{display:block} .resourceDocument .tabBox .current{ position: relative;} .resourceDocument .tabBox .current:after { content: ""; width: 100%; height: 5px; background: #ffb700; position: absolute; bottom: 0; left:0; } .resourceDocument .tabBox embed { width: 100% !important; } .resourceDocument .tabBox .tab-content { padding:30px;} .resourceDocument .tabBox .tab-content .texonomyList .listGroup { position: relative; } .resourceDocument .tabBox .tab-content .texonomyList .listGroup:after { content: ""; width: 100%; height: 1px; background: #ddd; } .resourceDocument .tabBox .tab-content .texonomyList .listGroup + .listGroup { margin-top: 10px;} .resourceDocument .tabBox .tab-content .texonomyList label { vertical-align: middle; width: 15%; font-size: 13px; display: inline-block; font-weight: 600;} .resourceDocument .tabBox .tab-content .texonomyList .title { font-size: 12px; width: 75%; display: inline-block; vertical-align: top; line-height: 16px; position: relative; top: 3px; text-transform: capitalize; } .resourceDocument .tabBox .tab-content .texonomyList .title a { color: #2192bc; word-break: break-all; } .resourceDocument .tabBox .tab-content .texonomyList .title a:hover { text-decoration: underline; color:#f27629; } .storiesPage .my-posts {margin-top: 60px;} .storiesPage .my-posts div[class^="col-"]{ margin-bottom: 30px; overflow: hidden; min-height: 526px; } .storiesPage article { box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; position: relative;} .storiesPage article { margin-bottom: 30px !important; } .storiesPage article > div:first-child {height: 220px; display: inline-block; overflow: hidden; } .storiesPage article .articleBody { padding:20px 15px; font-size: 14px; min-height:250px; } .storiesPage article .articleBody .upperBx { width: 100%; display: inline-block; margin-bottom: 15px; } .storiesPage article .postType { float: left; font-size: 14px; font-family: 'Fjalla One' !important; text-transform: uppercase; } .storiesPage article .postDate { float: right; font-size: 13px; width: auto;} .storiesPage article .postTitle h1 { font-size: 21px; font-family: 'Fjalla One' !important; font-weight: normal; margin-bottom: 10px; min-height: 52px } .storiesPage article .viewCmtBx { width: 100%; display: inline-block; text-align: right; font-size: 14px; padding-right: 8px; margin-top: 12px; } .storiesPage article .viewCmtBx i { margin-right: 8px; } .storiesPage article .overflowText { background: rgba(0,0,0,0.8); color: #fff; position: absolute; top: -101%; height: 100%; padding: 20px; text-align: center;} .storiesPage article .overflowText .contentBx {width: 90%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .storiesPage .my-posts div[class^="col-"]:hover .overflowText { top:0; transition:all 0.5s ease-in-out;} .storiesPage article .overflowText .Btn { font-size: 17px; padding:10px 40px; margin-top: 15px; } .storiesPage article .overflowText .btnPrimary { border-color: #fff; color:#fff; } .storiesPage .loadmore {width: 100%; display: inline-block; margin-bottom: 50px; text-align: center;} .articlePage .myArticle .fusion-post-slideshow { display: block; width: 100%; max-width: 1200px; margin:0 auto; } .articlePage .myArticle ul.slides { display: inline-block; vertical-align: top;} .articlePage .myArticle ul.slides.dotsbg {overflow: inherit;} .articlePage .myArticle h1.entry-title { font-size: 50px; text-transform: uppercase; font-family: 'Fjalla One' !important; line-height: 65px; margin-top: 15px; margin-bottom: 20px;} .articlePage .myArticle ul.slides > .flex-active-slide > a { float: left; margin-right: 50px; margin-bottom: 35px;} .articlePage .myArticle ul.slides li.flex-active-slide { position: relative; } .articlePage .myArticle ul.slides > li.flex-active-slide:before { content: ""; width: 50px; height: 200px; background-color: #ddd; } .articlePage .myArticle .post-content .fusion-layout-column { display: inline; } .articlePage .myArticle {margin-top: 50px;} .articlePage .myArticle .fusion-sharing-box { display: inline; padding: 0; height: 80px; } .articlePage .myArticle .fusion-single-sharing-box { background-color: #fff; } .articlePage .myArticle .fusion-sharing-box h4 {margin: 0; margin-right: 10px; display: inline-block; vertical-align: top; margin-left: 7px;} .articlePage .myArticle a.fusion-social-network-icon.fusion-tooltip { background-color: transparent !important; color: #333 !important; font-size: 20px;} .articlePage .myArticle .fusion-icon-linkedin, .articlePage .myArticle .fusion-icon-reddit, .articlePage .myArticle .fusion-icon-whatsapp, .articlePage .myArticle .fusion-icon-googleplus, .articlePage .myArticle .fusion-icon-tumblr, .articlePage .myArticle .fusion-icon-pinterest, .articlePage .myArticle .fusion-icon-vk { display: none; } .articlePage .myArticle .dotsbg:before {left:-13%; top:-150px; z-index: 1; height: 400px;} .articlePage .myArticle .dateBx { font-size: 16px; display: inline-block; margin-bottom: 20px; font-weight: 600; } .articlePage .myArticle .articlePagination { border:none; width: 100%; display: inline-block; text-align: center; margin:50px 0px; } .articlePage .myArticle .articlePagination a {font-family: 'Fjalla One' !important; font-size: 18px;border-color: #000; color: #000;display: inline-block; padding: 16px 40px; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none;text-transform: uppercase;text-decoration: none;border: 2px solid #000;} .articlePage .myArticle .articlePagination a:before, .articlePage .myArticle .articlePagination a:after { content: none; } .articlePage .myArticle .related-posts.single-related-posts { border-top: 10px solid #000; background: #f3f3f3; } .articlePage .myArticle .related-posts.single-related-posts h2.title-heading-left {font-size: 55px !important; margin-top: 60px !important; margin-bottom: 60px; text-transform: uppercase; position: relative; width: 100%; padding-bottom: 40px;} .articlePage .myArticle .related-posts.single-related-posts h2.title-heading-left::after { content: " "; position: absolute; left: 0; bottom: 0; width: 8%; height: 4px; z-index: 99; background: #000; } .articlePage .myArticle .related-posts.single-related-posts .title-sep-container { display: none; } .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel-positioner { margin-left: 0 !important; } .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel-wrapper { height: auto !important; width: auto !important; overflow: inherit !important; margin-bottom: 30px !important;} .articlePage .myArticle .related-posts.single-related-posts ul.fusion-carousel-holder { position: static !important; height: auto !important; width: auto !important; display: inline-block; margin-bottom: 100px;} .articlePage .myArticle .related-posts.single-related-posts ul li.fusion-carousel-item { width: calc(100%/3 - 20px) !important; max-width: inherit !important; margin-left: 0 !important; background: #fff; padding-bottom: 50px; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; margin-bottom: 40px; border:1px solid #f2f2f2;} .articlePage .myArticle .related-posts.single-related-posts ul li.fusion-carousel-item:nth-child(2) { margin-left: 30px !important; margin-right: 30px !important; } .articlePage .myArticle .related-posts.single-related-posts .fusion-rollover { display: none; } .articlePage .myArticle .related-posts.single-related-posts .postDescreption { font-size: 14px; padding-left: 15px; padding-right: 15px; text-align: left; min-height: 80px;} .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel-meta span.fusion-date { position: absolute; right: 15px; margin-top: -86px; font-size: 13px; } .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel-meta .fusion-inline-sep { display: none; } .articlePage .myArticle .related-posts.single-related-posts h4.fusion-carousel-title { font-size: 21px; padding-left: 15px; margin-top: 0; max-height: 60px; overflow: hidden; margin-bottom: 20px;} .articlePage .myArticle .buttMiddle { width: 100%; display: inline-block; text-align: center; margin-bottom: 50px;} .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel.fusion-carousel-title-below-image { width: 100%; display: block; margin:0 auto; max-width: 1200px; } .articlePage .myArticle .related-posts.single-related-posts .fusion-title { width: 100%; display: block; margin:0 auto; max-width: 1200px; } /*News and Events Page*/ .articlePage.newsEvents .myArticle .related-posts.single-related-posts { background: #fff; border-top:none; } .articlePage.newsEvents .popularEventBx { width: 100%; display: inline-block; background: #f3f3f3; padding:80px 0px; } .articlePage.newsEvents .popularEventBx li { list-style: none; } .articlePage.newsEvents .popularEventBx .titleHeading a { font-size: 24px; font-family: 'Fjalla One' !important; text-transform: uppercase; } .articlePage.newsEvents .popularEventBx .category { font-size: 16px; font-family: 'Fjalla One' !important; text-transform: uppercase; float: right; } .articlePage.newsEvents .popularEventBx .icon-date { font-family: "Open Sans" !important; font-size: 16px; font-weight: 600; float: right;} .articlePage.newsEvents .custom-row { background: #fff; } .articlePage.newsEvents .popularEventBx .postBy {font-size: 16px;} .articlePage.newsEvents .popularEventBx .postBy label { font-weight: 600; } .articlePage.newsEvents .popularEventBx .custom-row .row + .row { margin-top: 20px; } .articlePage.newsEvents .popularEventBx .leftArea img { height: 424px; width: 100%; } .articlePage.newsEvents .popularEventBx .rightArea { padding:50px; } .articlePage.newsEvents .popularEventBx .rightArea .BtnBx { margin-top: 20px; } .articlePage .category {font-family: "Fjalla One" !important; font-size: 16px; text-transform: uppercase; display: inline-block; width: 49%; text-align: left; padding-left: 15px; margin-top: 15px;} .articlePage .postDateBx { display: inline-block; width: 49%; margin-top: 15px; font-weight: normal; font-size: 14px; margin-bottom: 10px; text-align: right; padding-right: 15px;} .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel-meta span.commentBx{ position: absolute; bottom: 15px; right:15px; font-size: 13px; } .articlePage .myArticle .related-posts.single-related-posts .fusion-carousel-meta span.commentBx:before { content: "\f086"; font-family: 'fontAwesome'; margin-right: 5px; } /*Search form*/ .searchFormResource .viewDocument .imgBox .bottomOverlay { padding:4px 10px;} .searchFormResource .viewDocument .imgBox .bottomOverlay .progress { height: 8px; } .searchFormResource .viewDocument .imgBox .bottomOverlay .progStatus { font-size: 12px; } .searchFormResource .documentList .link .urlLink { word-break: break-all; font-weight: normal !important; } .searchFormResource .documentList .link { margin-bottom: 5px; } .searchFormResource .documentList .link > span {margin-right: 5px;} .searchFormResource .leftSearch { background: #fff; margin-top: 20px; padding:10px 20px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px; margin-bottom: 30px;} .searchFormResource .leftSearch .column-wrap { display: block; } .searchFormResource .leftSearch .column-wrap .column {width: 100%;} .searchFormResource .leftSearch input[type="number"], .searchFormResource .leftSearch input[type="text"] { width: 100%; } .searchFormResource .leftSearch #my-ajax-filter-search label {font-style:normal; font-size: 15px; margin-bottom: 2px;} .searchFormResource .leftSearch #my-ajax-filter-search select { width: 100%; background-color: #fff; padding: 0; border: 1px solid #d1d1d1; margin-bottom: 12px; font-size: 12px;} .searchFormResource .leftSearch .Btn:hover, .searchFormResource .leftSearch .Btn:focus { color: #fff; } .searchFormResource .leftSearch .searchandfilter ul { margin:0; padding: 0; } .searchFormResource .leftSearch .searchandfilter ul li li { font-size: 13px; } .searchFormResource .leftSearch li.sf-field-search label { width: 100%; position: relative; } .searchFormResource .leftSearch li.sf-field-search label > input {box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1); border: 1px solid #ddd; padding: 5px; border-radius: 3px; height: 36px; position: relative; width: 100%; padding-right: 40px;} .searchFormResource .leftSearch li.sf-field-search label:after {content: "\f002"; font-family: 'fontAwesome'; position: absolute; top:50%; transform: translateY(-50%); right: 15px; color: #b4aaaa;} .searchFormResource .leftSearch .chosen-container { width: 100% !important; } .searchFormResource .leftSearch .chosen-container-single .chosen-single {background: #fff; border: 1px solid #ddd; border-radius: 3px; padding: 5px;} .searchFormResource .leftSearch .chosen-container-single .chosen-single div b {background-position: 0px 9px;} .searchFormResource .leftSearch .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 9px;} /* .searchFormResource .leftSearch li > h4 { cursor: pointer; } */ .searchFormResource .leftSearch li.sf-field-post_type > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block; } .searchFormResource .leftSearch li.sf-field-taxonomy-taxonomy_resources > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block;} .searchFormResource .leftSearch li.sf-field-post-meta-country > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block;} .searchFormResource .leftSearch li.sf-field-post-meta-language > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block; } .searchFormResource .leftSearch li.sf-field-post-meta-year > ul { border-top:1px solid #ddd;} .searchFormResource .leftSearch li.sf-field-post-meta-year:before { content: "Year"; font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px; border-bottom:1px solid #ddd; padding-bottom: 15px;} .searchFormResource .leftSearch li.sf-field-post-meta-assessment_topic > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block;} .searchFormResource .leftSearch li.sf-field-post-meta-assessment_sub_topic > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block;} .searchFormResource .leftSearch li.sf-field-post-meta-cost > ul, .searchFormResource .leftSearch li.sf-field-post-meta-level > ul, .searchFormResource .leftSearch li.sf-field-post-meta-mode_of_delivery > ul, .searchFormResource .leftSearch li.sf-field-post-meta-license > ul, .searchFormResource .leftSearch li.sf-field-post-meta-provider > ul, .searchFormResource .leftSearch li.sf-field-post-meta-publisher > ul, .searchFormResource .leftSearch li.sf-field-tag > ul { max-height: 150px; overflow-y: auto; border-top:1px solid #ddd; display: block;} .searchFormResource .leftSearch li.sf-level-0 input { display: inline-block; width: 15px; vertical-align: middle;} .searchFormResource .leftSearch li.sf-level-0 label.sf-label-checkbox {width: 90%; vertical-align: middle; line-height: 17px;} .searchFormResource .currentSearch {background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px; font-size: 14px; padding:20px; margin-top: 50px;} .searchFormResource .currentSearch h4 { font-size: 16px; margin-top: 0; margin-bottom: 10px; } .searchFormResource .currentSearch ul { margin:0; padding:0; } .searchFormResource .currentSearch ul li { list-style: none; font-size: 13px; } .searchFormResource .currentSearch ul li + li { margin-top: 10px; } .searchFormResource .currentSearch ul li strong { text-transform: uppercase; } .searchFormResource .pagination { margin-bottom: 50px; margin-top: 10px; } .searchFormResource .pageNumber { margin-left: 20px; } .searchFormResource .foundResult { display: inline-block; position: relative; top: 44px; left: 19px; font-size: 14px; font-style: italic; } /*After Login Page*/ .accountLoginPage .userArea { border-bottom: 1px solid #ddd; width: 100%; display: inline-block; margin-bottom: 20px; } .accountLoginPage .userArea .userName { font-size: 18px !important; margin-top: 15px; margin-left: 10px; display: block; text-align: center; margin-bottom: 20px;} .accountLoginPage .userArea .editIcon { font-size: 15px; margin-top: 20px; color:#1591be; position: absolute; right: 40px; top: 50px; } .accountLoginPage a.manageAccoutIcon { width: 100%; text-align: center; display: block; margin-top: 100px; } .accountLoginPage a.manageAccoutIcon:before { content: "\f013"; font-family: 'fontAwesome'; margin-right: 8px; color:#1591be;} .accountLoginPage img.userImg {width: 150; height: 150px; border-radius: 50%; display: block; text-align: center; margin: 0 auto; margin-bottom: 45px;} .accountLoginPage .leftArea { background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 4px 0px; min-height: 432px; padding:20px; margin-bottom: 50px; margin-top: 50px; } .accountLoginPage .rightArea { background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 4px 0px; min-height: 432px; padding:20px; margin-bottom: 50px; margin-top: 50px; position: relative; text-align: center;} .accountLoginPage .rightArea .logoBx { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;} .accountLoginPage .fontBold {font-size: 18px; font-weight: 600; color: #1591be;} .accountLoginPage .rightArea .logoBx ul { margin:0; padding:0; } .accountLoginPage .rightArea .logoBx ul li { display: inline-block; text-align:center; position: relative;} .accountLoginPage .rightArea .logoBx ul li a {display: inline-block; width: 280px; height: 243px; background: #ddd; border-radius: 8px;} .accountLoginPage .rightArea .logoBx ul li .imgTextGroup { position: absolute; top:50%; transform: translateY(-50%); } .accountLoginPage .rightArea .logoBx ul li + li { margin-left: 100px; } .accountLoginPage .rightArea .logoBx ul li:first-child a { background: #f98011; } .accountLoginPage .rightArea .logoBx ul li:last-child a { background: #3cc7ac; } .accountLoginPage .rightArea .logoBx .titleTxt {font-family: "Fjalla One" !important; font-size: 24px; text-transform: uppercase; display: block; width: 90%; margin:0 auto; color:#fff; line-height: 32px;} .accountLoginPage .rightArea .logoBx .logoImg img { width: 60%; margin-bottom: 20px; } .accountLoginPage .selectVizBx { width: 100%; display: inline-block; background: #95c64d; border-top:10px solid #1591be; padding:30px 0px; padding-bottom: 60px; margin-top: 20px;} .accountLoginPage .selectVizBx h1.titledesign {font-family: 'Fjalla One' !important; font-weight: normal; color:#fff; font-size: 45px !important; padding-bottom: 30px;} .accountLoginPage .selectVizBx h1.titledesign::after { content: " "; background: #ffff;} .accountLoginPage .selectVizBx .imgBx { height: 210px; background: #fff; padding: 10px; position: relative; width: 100%; display: inline-block; margin-bottom: 30px;} .accountLoginPage .selectVizBx .imgBx iframe { width: 100% !important;} .accountLoginPage .selectVizBx .imgBx a {position: absolute; left: 52%; top: 50%; width: 90%; transform: translate(-50%,-50%);} .accountLoginPage .selectVizBx.accessViz {background: #f5f5f5; border-top:10px solid transparent;} .accountLoginPage .selectVizBx.accessViz h1.titledesign { color:#333; } .accountLoginPage .selectVizBx.accessViz h1.titledesign::after { background: #333; } /*Search Bar*/ .advanceSearchBar .searchandfilter ul { width: 70%; display: block; margin:0 auto; border:1px solid #000; padding:14px; border-radius: 5px; margin-top: 80px; position:relative;} .advanceSearchBar .searchandfilter ul li { display: inline-block; padding:0; padding-left: 30px; } .advanceSearchBar .searchandfilter ul li + li { border-left: 1px solid #000; } .advanceSearchBar .searchandfilter h4 { display: inline-block; } .advanceSearchBar .searchandfilter .sf-field-submit input[type="submit"] { width: 65px; height: 58px; background-color: #000; border:0; position: relative; font-size: 0; background-image: url('../../../wp-content/uploads/2019/10/search.png'); background-size: 50%; background-repeat: no-repeat; background-position: center center; cursor: pointer;} .advanceSearchBar .searchandfilter li.sf-field-submit { position: absolute; right: 0; top:0; cursor: pointer; border-left: 0; } .advanceSearchBar .searchandfilter select.sf-input-select { border:0; color:#000; font-size: 15px; font-weight: 600; } .advanceSearchBar .searchandfilter .sf-input-text {border:0; color:#000; font-size: 15px; font-weight: 600; } .advanceSearchBar .searchandfilter ul li label { position: relative; display: inline-block; width: auto; height: auto; border-radius: 2px; } .advanceSearchBar .searchandfilter ul li label:after { z-index: 0; content: ""; position: absolute; right: 8%; top: 50%; color: #333; width: 0; margin-top: -3px; height: 0; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; pointer-events: none; } .advanceSearchBar .searchandfilter ul li label>select { z-index: 99; display: block; position: relative; min-width: 240px; width: 100%; border: none; outline: none; background: transparent; text-transform: uppercase; font-size: 11px; font-weight: bold; text-indent: 0.01px; text-overflow: ''; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; } .advanceSearchBar .searchandfilter ul li.sf-field-search { padding-left: 10px; } .advanceSearchBar .searchandfilter ul li.sf-field-taxonomy-taxonomy_resources { padding-left: 20px; } .advanceSearchBar .searchandfilter ul li.sf-field-search label:after { content: none; } /*create visualisation - step bar CSS*/ /*Step 1*/ .progressSection { margin:80px 0px; } .progressSection h1, .progressSection h2, .progressSection h3 { font-family: 'Fjalla One' !important; font-weight: normal; margin-bottom: 20px; color:#333;} .progressSection h1, .progressSection h1.titledesign { padding-bottom: 40px; } .progressSection .stepsProgress{ position: relative; } .progressSection .stepsProgress .progress{ position: absolute; top: 0px; width: 60%; height: 12px; left: 50%; transform: translateX(-50%); } .progressSection .stepsProgress ul { padding: 0px; margin: 0px; display: flex; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 80px; justify-content: space-between; } .progressSection .stepsProgress ul li{ list-style: none; display: inline-block; width: 24%; text-align: center; position: relative; cursor: auto; } .progressSection .stepsProgress ul li a{ color: #333; display: inline-block; cursor: auto; text-decoration: none;} .progressSection .stepsProgress ul li a:hover{ text-decoration: none; } .progressSection .stepsProgress ul li:nth-child(1){ z-index: 10; } .progressSection .stepsProgress ul li:nth-child(2){ z-index: 9; } .progressSection .stepsProgress ul li:nth-child(3){ z-index: 8; } .progressSection .stepsProgress ul li:nth-child(4){ z-index: 7; } .progressSection .stepsProgress ul li + li:after{ width: 100%; position: absolute; height: 6px; background-color: #ddd; content: ""; top: 30px; left: -50%; z-index: -1; } .progressSection .stepsProgress ul li .stepIcon{ width: 64px; height: 64px; background-color: #ddd; border-radius: 50%; display: inline-block; margin-bottom: 20px; } .progressSection .stepsProgress ul li .stepIcon img{ position: relative; top: 13px; } .progressSection .stepsProgress ul li:first-child .stepIcon{ background-color: #95c64d; } .progressSection .stepsProgress ul li h5{ font-family: 'Fjalla One' !important; font-size: 21px; text-transform: uppercase; margin:0; font-weight: normal; margin-bottom: 10px;} .progressSection .stepsProgress ul li p{ font-size: 16px; margin:0; font-family: "Open Sans";} .progressSection .stepsProgress ul li.active .stepIcon{ background-color: #95c64d; } .progressSection .stepsProgress ul li.active:after{ background-color: #95c64d; } .progressSectionMain{ background-color: #f7f7f7; text-align: center; } .progressSectionMain .progressBody{ text-align: center; background-color: #fff; border-radius: 6px; padding: 40px 10px; box-shadow: 1px 1px 4px rgba(0,0,0,0.1); display: inline-block; width: 60%; position: relative; margin-bottom: 70px; } .progressSectionMain .progressBody h4{ font-size: 21px; font-family: 'Fjalla One' !important; margin-bottom: 10px; margin-top: 0; font-weight: normal; } .progressSectionMain .progressBody .articleTitle { font-size: 13px; line-height: 18px; position: absolute; left: 50%; transform: translateX(-50%); width: 90%;} .progressSectionMain .progressBody ul{ padding: 0px; margin-bottom: 50px; display: flex; justify-content: center; } .progressSectionMain .progressBody ul li{ list-style: none; margin-left: 20px; } .progressSectionMain .progressBody ul li a{ font-family: 'Fjalla One' !important; color: #bbb; border-radius: 6px; border: 1px solid #bbb; width: 160px; height: 150px; display: flex; justify-content: center; align-items: center; padding: 16px; font-size: 18px; } .progressSectionMain .progressBody ul li:first-child{ margin-left: 0px; } .progressSectionMain .progressBody ul li.active a { background: #95c64d; border-radius: 9px; border: none !important; color: #fff; text-decoration: none; } .progressSectionMain .progressBody .Btn { background: transparent; } .progressSectionMain .progressBody .Btn:hover, .progressSectionMain .progressBody .Btn:focus, .progressSectionMain .progressBody .Btn:active { text-decoration: none; color: inherit; background: #27A7D6; color:#fff !important; border-color:#27A7D6; } .progressSectionMain .progressBody .step1 form {padding-left: 8px; margin-top: 25px;} .progressSectionMain .goBackButton {width: 100%; display: block; margin: 0 auto; text-align: left; margin-top: 15px; margin-bottom: 30px;} .progressSectionMain .goBackButton a {font-size: 16px; color: #2192bc;} .progressSectionMain .goBackButton a i { margin-right: 5px; } .progressBody .container { display: inline-block; width: calc(100%/5 - 10px); height: 150px; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .progressBody .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .progressBody .checkmark { position: absolute; top: 0; left: 0; width: 120px; height: 140px; background-color: #fff; color:#bbb; border:1px solid #bbb; font-family: 'Fjalla One' !important; font-size: 18px; padding:16px; border-radius: 6px; line-height: 24px;} .progressBody .checkmark label { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); pointer-events:none; font-weight: normal;} .progressBody .container:hover input ~ .checkmark { background-color: #2192bc; color:#fff;} .progressBody .container input:checked ~ .checkmark { background-color: #2192bc; color:#fff;} .progressBody .form-group { width: 100%; display: inline-block; margin-bottom: 20px;} .progressBody .form-group label { font-weight: 600; } .progressBody .form-group .form-control { min-height: 40px; width: 100%; display: inline-block; font-family: "Open Sans";} .progressBody .form-group .form-control-no-outline { border:0; min-height: 40px; font-size: 16px; padding-left: 0; position: relative; top:-4px;} .progressBody .form-group textarea { padding: 10px; } .progressBody .helpText {font-size: 18px; color:#2192bc; text-transform: uppercase; cursor: pointer; font-family: 'Fjalla One'; position: absolute; right: 25px;} .progressBody .helpText i { font-size: 24px; margin-right: 5px; } /*Step 2*/ .progressSectionMain .progressBody .step2 { width: 70%; display: inline-block; padding-bottom: 20px; } .progressSectionMain .progressBody .step2 .Btn {position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px;} .progressSectionMain .progressBody .step2 .customDropdown { position: absolute; display: block; left: 50%; transform: translateX(-50%); top: 125px; width: 58%; margin-left: -2px;} .progressSectionMain .progressBody .step2 .downloadBx, .progressSectionMain .progressBody .step2 .uploadBx {width: 49%; float: left; margin-bottom: 90px; margin-top: 65px;} .progressSectionMain .progressBody .step2 .downloadBx a {border:1px solid #f1f1f1; background-color: #f6f6f6; display: block; margin:0 auto; color: #1591be; width: 180px; height: 160px; font-size: 16px; font-family: 'Fjalla One' !important; border-radius: 6px; padding-top:50px; padding-left: 5px; padding-right: 5px;} .progressSectionMain .progressBody .step2.map .downloadBx, .progressSectionMain .progressBody .step2.map .uploadBx {margin-bottom: 90px; margin-top:110px;} .progressSectionMain .progressBody .step2 .downloadBx a i { display: block; font-size: 25px; margin-bottom: 12px; } .progressSectionMain .progressBody .step2 .downloadBx a span.title { display: block; line-height: 20px; } .progressSectionMain .progressBody .step2 .uploadBx a {border:1px solid #f1f1f1; background-color: #f6f6f6; display: block; margin:0 auto; color: #1591be; width: 180px; height: 160px; font-size: 16px; font-family: 'Fjalla One' !important; border-radius: 6px; padding-top:50px; padding-left: 5px; padding-right: 5px;} .progressSectionMain .progressBody .step2 .uploadBx a i { display: block; font-size: 25px; margin-bottom: 0px; } .file-upload { position: relative; display: inline-block; margin-top: 15px; cursor: pointer;} .file-upload__label { display: block; color: #1591be; font-weight: normal; cursor: pointer; font-size: 16px; font-family: 'Fjalla One' !important;} .file-upload__input { position: absolute; left: 0; top: -90px; right: 0; bottom: 0; width:100%; height: 160px; opacity: 0; cursor: pointer;} /*Step 3*/ .progressSectionMain .progressBody ul.iconsBx { margin:0; padding: 0; margin-left: 15px; } .progressSectionMain .progressBody ul.iconsBx li { list-style: none; display: inline-block; } .progressSectionMain .progressBody ul.iconsBx li a { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#e8e8e8',GradientType=0 ); display: inline-block; text-align: center; border: 1px #ccc solid; border-radius: 4px; color:#337ab7; width: 29.5px; height: 27.9px; font-size: 12px; padding: 7px 0px } .progressSectionMain .progressBody ul.iconsBx li.customDownload {position: absolute; right: inherit !important; left:500px; bottom: 176px;} .progressSectionMain .progressBody.dotPlot ul.iconsBx li.customDownload {right: inherit !important; left: 464px; bottom: 196px;} .progressSectionMain .progressBody.scatterplot ul.iconsBx li.customDownload {right: inherit !important; left: 464px; bottom: 197px;} .progressSectionMain .progressBody .afterStep4 ul.iconsBx li.customDownload {right: inherit; left:351px; bottom: 65px;} .progressSectionMain .progressBody.dotPlot .afterStep4 ul.iconsBx li.customDownload, .progressSectionMain .progressBody.dotPlot .afterStep4 ul.iconsBx li.customDelete {bottom: 84px !important;} .progressSectionMain .progressBody.dotPlot .afterStep4 ul.iconsBx li.customDelete {margin-left:-8px;} .progressSectionMain .progressBody ul.iconsBx li.customDelete {position: absolute; right: inherit; left:476px; bottom: 65px;} .alertMessage { margin-top: 25px; } .alertMessage .alert-success {border-color: #d6e9c6;} /*after step 4*/ .afterStep4 { color:#333; font-size: 14px; } .afterStep4 .visPlc { width: 100%; display: inline-block; min-height: 210px; background: #f5f5f5; padding: 15px; position: relative; } .afterStep4 .visPlc img {min-height: 160px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);} .afterStep4 .visPlc.thumbSchool img {position: absolute; left: 55%; top: 55%; transform: translate(-50%,-50%); min-height: 210px; margin-top: 10px; width: 95%;} .afterStep4 .borderRight { border-right:1px solid #ddd; } .afterStep4 label { font-weight: 600; margin-bottom: 10px; display: inline-block; margin-right: 5px; } .afterStep4 .rightArea .Btn { width: 100%; padding: 10px; } .afterStep4 .dateBox {width: 100%; display: inline-block; text-align: left; margin-bottom: 10px;} .afterStep4 .dowloadBx {width: 100%; display: inline-block; text-align: left;} .afterStep4 .dateBox i, .afterStep4 .dowloadBx i { margin-right: 5px; font-size: 17px; } .afterStep4 .uplodBtnBx { width: 100%; display: inline-block; margin-top: 15px;} .afterStep4 .uplodBtnBx .Btn { display: block; font-size: 16px; padding: 11px 40px; } .afterStep4 .pull-left { float: left; } .afterStep4 .pull-right { float: right; } .afterStep4 .dowloadBx .downloadIcon a { font-size: 13px; color:#1591be; } .afterStep4 .dowloadBx .downloadIcon a img {width: 14px; position: relative; top: 5px; left: 2px;} .afterStep4 .rightArea .upperBxContainer { width: 80%; display: block; margin:0 auto; } .afterStep4 .rightArea .upperBxContainer .openBtnBx { margin-top: 45px; } .afterStep4 .editButton { position: absolute; right: 20px; top:0; } .afterStep4 .editButton .Btn i { margin-right: 5px; } .afterStep4 .editButton .Btn { font-size: 15px; padding: 5px 15px; text-transform: inherit; margin-top: 16px; } /*after step 4 nextTo4*/ .middleBxContaienr.nextTo4 .progressBody { text-align: left;} .middleBxContaienr.nextTo4 .bottomBtn a { color:#1591be; font-size: 16px; cursor: pointer; } .middleBxContaienr.nextTo4 .bottomBtn a i { margin-right: 5px; } .middleBxContaienr.nextTo4 .deleteVizBtn .Btn { font-size: 16px !important; padding: 11px 40px !important; margin-top: 0; margin-bottom: 35px; } .middleBxContaienr.nextTo4 .deleteVizBtn .Btn:hover { color:#fff !important; } /*override css*/ .trainningCources .featureArticleRs .rightTiles .featuredimage {height:auto !important; min-height:96px; width:100%; display:block;} .trainningCources .featureArticleRs .rightTiles ul li .leftBox img { width:93% !important;} .fusion-main-menu {margin:30px 0px !important;} .fusion-header-v1 .fusion-header { height: 400px; } .fusion-header ul#menu-main-menu li ul.sub-menu li a { text-transform: inherit !important; } .fusion-header-wrapper .fusion-row {max-width: 100% !important;} /*topic map*/ .tabContainer .nextPrevButton .Btn:hover,.tabContainer .nextPrevButton .Btn:focus,.tabContainer .nextPrevButton .Btn:active {background: #27A7D6; color:#fff; border-color:#27A7D6; } .tabContainer .nextPrevButton .Btn:hover .fusion-button-text, .tabContainer .nextPrevButton .Btn:focus .fusion-button-text, .tabContainer .nextPrevButton .Btn:active .fusion-button-text { color:#fff !important; } .fusion-button.button-2.Btn:hover, .fusion-button.button-2.Btn:focus, .fusion-button.button-2.Btn:active { text-decoration: none; background: #27A7D6 !important; color:#fff; border-color:#27A7D6; } .fusion-button.button-2.Btn:hover .fusion-button-text, .fusion-button.button-2.Btn:focus .fusion-button-text, .fusion-button.button-2.Btn:active .fusion-button-text { color:#fff !important; } .vizDataMob .Btn:hover,.vizDataMob .Btn:focus,.vizDataMob .Btn:active {background: #27A7D6; color:#fff !important; border-color:#27A7D6; } @-moz-document url-prefix() { .fusion-header:after { z-index:inherit !important; } .fusion-header:before { z-index: 9; } .fusion-header .fusion-logo { z-index: 99; position: relative; } } /*Wordpress Posts*/ .fusion-page-title-bar { display: none; } .fusion-blog-layout-grid-wrapper { margin: 80px 0px; } .fusion-posts-container.fusion-blog-layout-grid h2.entry-title{ height: 60px; max-height: 60px; overflow: hidden; } .fusion-posts-container.fusion-blog-layout-grid .fusion-post-content-container{height: 0px; max-height: 110px; overflow: hidden;} .fusion-posts-container.fusion-blog-layout-grid .fusion-content-sep.sep-double.sep-solid { display: none;} .fusion-posts-container.fusion-blog-layout-grid .fusion-meta-info { margin-top: 0 !important;} .fusion-posts-container.fusion-blog-layout-grid .fusion-image-wrapper { height: 250px; } .fusion-posts-container.fusion-blog-layout-grid .fusion-image-wrapper img {width: 100% !important; max-width: 100% !important; height: 100% !important;} .fusion-posts-container.fusion-blog-layout-grid article{ margin-top: 15px !important; margin-bottom: 15px !important; display: inline-block !important; } .fusion-posts-container.fusion-blog-layout-grid .fusion-post-content.post-content { margin-bottom: 10px !important; } .fusion-posts-container.fusion-blog-layout-grid .fusion-meta-info .fusion-alignleft { width: 100%; } .fusion-posts-container.fusion-blog-layout-grid .fusion-meta-info .fusion-alignright { display: none; } .fusion-posts-container.fusion-blog-layout-grid .fusion-read-more{font-family: 'Fjalla One' !important; font-size: 18px;padding: 12px 30px; background: transparent !important; border:2px solid #000; text-transform: uppercase; text-decoration: none; width: 145px; display: block; margin: 0 auto;} .fusion-posts-container.fusion-blog-layout-grid .fusion-read-more:after { display: none; } .fusion-posts-container.fusion-blog-layout-grid .fusion-rollover-content .fusion-rollover-gallery { display: none; } .countryFlag{ position: absolute; bottom: 0; display: inline-block; background-color: rgba(0,0,0,0.25); color: #fff; width: 100%; height: 90px; z-index: 2; } .countryFlag ul{ display: flex; justify-content: space-between; align-items: center; position: relative; max-height: 90px; top: 3px; padding: 0px 60px; margin:0;} .countryFlag ul li{ list-style: none; display: inline-block; bottom: 0px; text-align: center; flex: 1; } .countryFlag ul li img{ display: block; width: 45%; max-width: 60px; margin: 0 auto; } .countryFlag ul li:nth-child(5) img{ max-width: 120px; width:70%; position: relative; bottom: 2px; border:8px solid #fff; border-radius: 50%; padding:10px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px 1px; background: #222529;} .countryFlag ul li a{ text-decoration: none; color: #fff; } /*Question Of Week*/ .questionOfWeek { position: relative; } .questionOfWeek h1 {font-family: 'Fjalla One' !important; font-weight: normal; margin-top: 80px; margin-bottom: 40px; padding-left: 100px;} .questionOfWeek h1.titledesign::after { bottom: -15px; left:100px; } .questionOfWeek p { margin-bottom: 15px; } .questionOfWeek .upperLeft {width: 65%; display: inline-block; font-size: 14px; padding-left: 100px; line-height: 22px;} .questionOfWeek .upperLeft .dateBox { font-size: 13px; text-align: right; padding-right: 20px; } .questionOfWeek .upperLeft h2 { text-transform: uppercase; margin-top: 10px; } .questionOfWeek .upperLeft ul { width: 48%; display: inline-block; } .questionOfWeek .upperLeft .listView { width: 70%; display: inline-block; line-height: 30px; margin-right: 0px;} .questionOfWeek .upperLeft .imageBox {width: 28%; display: inline-block; vertical-align: top; margin-top: 38px;} .questionOfWeek .upperLeft .imageBox img {max-width: 100% !important;} .questionOfWeek .lowerSection { width: 100%; display: inline-block; background: #374140; border-top: 10px solid #ffb700; color:#fff; margin-top: 60px; margin-bottom: 10px; padding: 10px 100px 50px;} .questionOfWeek .lowerSection h1.titledesign { padding-left: 0; } .questionOfWeek .lowerSection h1.titledesign::after { background: #fff; left:0; } .questionOfWeek .lowerSection h2 { text-transform: uppercase; margin-top: 15px; margin-bottom: 20px; color:#fff; width: 100%; display: inline-block;} .questionOfWeek .lowerSection {counter-reset: section;} .questionOfWeek .lowerSection ul { padding-left: 0; } .questionOfWeek .lowerSection ul li { list-style: none; margin:20px 0px; } .questionOfWeek .lowerSection ul li:before { counter-increment: section; content: " " counter(section) " "; background: #fff; width: 30px; height: 30px; border-radius: 50%; display: inline-block; text-align: center; line-height: 30px; margin-right: 15px; font-weight: 600; font-size: 18px; color: #374140; } #ai1ec-calendar {width: 310px; position: absolute; right: 100px; top: 530px;} #ai1ec-calendar .ai1ec-month-view .ai1ec-day-stretcher { height: auto !important; } #ai1ec-calendar .ai1ec-month-view .ai1ec-date { height: auto; padding:20px 10px; text-align: center; margin-bottom: 0 !important; } #ai1ec-calendar .ai1ec-btn-group > .ai1ec-btn-sm { font-size: 12px; } #ai1ec-calendar .ai1ec-calendar-title, #ai1ec-calendar .ai1ec-calendar-title-short { font-size: 12px; } #ai1ec-calendar .ai1ec-month-view .ai1ec-allday .ai1ec-event, #ai1ec-calendar .ai1ec-month-view .ai1ec-multiday .ai1ec-event {height: 32px; background: transparent; font-size: 0; cursor: pointer; min-height: 32px; margin-top: -10px; } #ai1ec-calendar .ai1ec-calendar-toolbar { display: none; } #ai1ec-calendar .ai1ec-month-view .ai1ec-multiday-arrow2 { display: none; } #ai1ec-calendar .ai1ec-month-view .ai1ec-multiday-bar { background: transparent; } #ai1ec-calendar .ai1ec-month-view .ai1ec-date {background: #1591be !important; text-shadow: none !important;} #ai1ec-calendar .ai1ec-month-view td, #ai1ec-calendar .ai1ec-week-view td, #ai1ec-calendar .ai1ec-oneday-view td {border: 1px solid #1591be!important;} #ai1ec-calendar .ai1ec-month-view td.ai1ec-empty { background: #1591be !important;} #ai1ec-calendar .ai1ec-pagination.ai1ec-btn-group a { background: #f3f3f3 !important; color:#000 !important; padding: 10px 10px; } /* #ai1ec-calendar .ai1ec-month-view .ai1ec-multiday-bar { background: transparent; } #ai1ec-calendar .ai1ec-month-view .ai1ec-multiday-arrow2 { visibility: hidden; } */ #ai1ec-calendar .ai1ec-month-view .ai1ec-multiday-arrow1 { display: none; } #ai1ec-calendar .ai1ec-title-buttons .ai1ec-btn-group { margin:0 !important; display: block; width: 100%; position: relative; left: 1px;} #ai1ec-calendar a.ai1ec-prev-year, #ai1ec-calendar a.ai1ec-next-year { display: none !important; } #ai1ec-calendar a.ai1ec-prev-month {width: 25%;} #ai1ec-calendar a.ai1ec-minical-trigger { width: 50%; } #ai1ec-calendar a.ai1ec-next-month {width: 25%;} #ai1ec-calendar .ai1ec-month-view th { background: #1591be !important; border: 1px solid #1591be !important; color: #fff !important; text-shadow: none !important; padding: 20px 0px !important;} #ai1ec-calendar .ai1ec-pull-left { display: none; } #ai1ec-calendar span.ai1ec-event-time { font-size: 0 !important; } #loaderDivindtitile {display:none;text-align: center; position: absolute; padding: 20px; width: 61%; height: 400px; background: rgba(229, 228, 228, 0.5); left: 85px; top: 163px;} #loaderDivindtitile img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .timely a { color:#fff !important; font-size: 16px; cursor:pointer; } /*#ai1ec-calendar .ai1ec-month-view .ai1ec-day:hover .ai1ec-date {background:#fff !important;} .ai1ec-month-view .ai1ec-day .ai1ec-date:hover a {color: #333 !important; }*/ /*Category News-event */ .category-news-events .fusion-header, .category-articles .fusion-header { background-image: url('http://rosanew.dataforalldemo.org/wp-content/uploads/2020/03/Screenshot-32-3.png'); background-repeat: no-repeat; background-position: top center; background-size: cover; margin-bottom: 50px; } .category-news-events .fusion-header:after, .category-articles .fusion-header:after { content: " "; background-color: rgba(0,0,0,0.65); width: 100%; height: 100%; top: 0px; left:0; position: absolute; border-bottom: 10px solid #1591be; z-index: -1; } .category-news-events .fusion-header:before, .category-articles .fusion-header:before { content: "NEWS & EVENTS"; position: absolute; font-family: "Fjalla One" !important; font-weight: 400; font-size: 70px; color:#fff; left:50%; top:50%; transform: translate(-50%,-50%); } .category-news-events .fusion-posts-container article , .category-articles .fusion-posts-container article {margin-bottom: 30px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; position: relative; width: calc(100%/3 - 30px); display: inline-block; vertical-align: top; margin-bottom: 30px; overflow: hidden; min-height: 526px;} .category-news-events .fusion-posts-container article:nth-child(2) , .category-articles .fusion-posts-container article:nth-child(2) { margin:0px 30px; } .category-news-events .fusion-posts-container article .fusion-post-content, .category-articles .fusion-posts-container article .fusion-post-content { padding: 15px; } .category-news-events .fusion-posts-container article .fusion-post-content p, .category-articles .fusion-posts-container article .fusion-post-content p { font-size: 14px; } .category-news-events .fusion-meta-info span:nth-child(3), .category-articles .fusion-meta-info span:nth-child(3) { font-size: 13px; position: absolute; top:245px; right:15px; } .category-news-events .fusion-meta-info a[rel^="category"], .category-articles .fusion-meta-info a[rel^="category"] {position: absolute; top:245px; left:15px; font-size: 14px; font-family: 'Fjalla One' !important; text-transform: uppercase;} .category-news-events .fusion-meta-info .fusion-comments, .category-articles .fusion-meta-info .fusion-comments {display: none;} .category-news-events .fusion-meta-info .fusion-inline-sep, .category-articles .fusion-meta-info .fusion-inline-sep { display: none; } .category-news-events .fusion-meta-info, .category-articles .fusion-meta-info {border:none;} .category-news-events .fusion-footer-widget-area, .category-articles .fusion-footer-widget-area { border-color: #ffb700; margin-top: 30px; } .category-news-events .fusion-posts-container article h2.entry-title, .category-articles .fusion-posts-container article h2.entry-title { margin-top: 20px; } .category-news-events .fusion-posts-container article a.fusion-read-more, .category-articles .fusion-posts-container article a.fusion-read-more {position: absolute; bottom:20px; right:15px; font-size: 14px; font-weight: 600;} .category-news-events .fusion-rollover, .category-articles .fusion-rollover {background: rgba(0,0,0,0.8) !important;} .category .fusion-rollover-link, .category .fusion-rollover-sep , .category .fusion-rollover-gallery { display: none !important; } .category .fusion-rollover-categories a, .category .fusion-rollover-title a { color:#fff !important; } .category .fusion-post-content-container {max-height: 74px; overflow: hidden; margin-bottom: 40px} .category h2.entry-title { max-height:60px; overflow: hidden; margin-bottom: 20px} /*Resources / documents / training cources category css */ .tax-taxonomy_resources .fusion-header{ background-image: url('http://rosanew.dataforalldemo.org/wp-content/uploads/2019/12/bhutan-2.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; margin-bottom: 50px; } .tax-taxonomy_resources .fusion-header:after{ content: " "; background-color: rgba(0,0,0,0.65); width: 100%; height: 100%; top: 0px; left:0; position: absolute; border-bottom: 10px solid #1591be; z-index: -1; } .tax-taxonomy_resources .fusion-header:before{ content: "Resources"; position: absolute; font-family: "Fjalla One" !important; font-weight: 400; font-size: 70px; color:#fff; left:50%; top:50%; transform: translate(-50%,-50%); text-transform: uppercase;} .tax-taxonomy_resources .fusion-posts-container article {margin-bottom: 30px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px 0px; position: relative; width: calc(100%/3 - 30px); display: inline-block; vertical-align: top; margin-bottom: 30px; overflow: hidden; min-height: 416px;} .tax-taxonomy_resources .fusion-posts-container article { margin:0px 13px; } .tax-taxonomy_resources .fusion-posts-container article .fusion-post-content { padding: 15px; } .tax-taxonomy_resources .fusion-posts-container article .fusion-post-content p { font-size: 14px; } .tax-taxonomy_resources .fusion-meta-info span:nth-child(3) { font-size: 13px; position: absolute; top:245px; right:15px; } .tax-taxonomy_resources .fusion-meta-info a[rel^="category"] {position: absolute; top:245px; left:15px; font-size: 14px; font-family: 'Fjalla One' !important; text-transform: uppercase;} /* .tax-taxonomy_resources .fusion-meta-info .fusion-comments {display: none;} */ .tax-taxonomy_resources .fusion-meta-info .fusion-comments span { display:none; margin-top: 10px; margin-left: 15px; } .tax-taxonomy_resources .fusion-inline-sep { display: none; } .tax-taxonomy_resources .fusion-meta-info {border:none;} .tax-taxonomy_resources .fusion-footer-widget-area { border-color: #ffb700; margin-top: 30px; } .tax-taxonomy_resources .fusion-posts-container article h2.entry-title { margin-top: 10px !important; margin-bottom:0 !important; } .tax-taxonomy_resources .fusion-posts-container article a.fusion-read-more {position: absolute; bottom:20px; right:15px; font-size: 14px; font-weight: 600;} .tax-taxonomy_resources .fusion-rollover {background: rgba(0,0,0,0.8) !important; display: none;} .tax-taxonomy_resources .fusion-rollover-link { display: none !important; } .tax-taxonomy_resources .fusion-rollover-categories a { color:#fff !important; } .tax-taxonomy_resources .fusion-post-content-container {max-height: 74px; overflow: hidden; margin-bottom: 0 !important; height: 2px;} .tax-taxonomy_resources h2.entry-title { max-height:60px; overflow: hidden; margin-bottom: 20px} .tax-taxonomy_resources .fusion-image-wrapper { height: 230px; } /*Footer as per new UI*/ .fusion-footer-widget-area ul li { overflow:hidden; } #text-2 .textwidget {overflow: hidden;} .fusion-footer-widget-area ul li a, .fusion-footer-widget-area p > a { position: relative; display: inline-block; padding-left: 5px; vertical-align: top; } /*.fusion-footer-widget-area ul li a:after,.fusion-footer-widget-area p > a:after { content:""; width: 100%; height: 1px; background: #fff; position: absolute; left:-200%; bottom:-5px; }*/ .fusion-footer-widget-area ul li a:hover:after, .fusion-footer-widget-area p > a:hover:after { left:0; } .fusion-footer-widget-column ul li a:before {font-size: 20px; margin-left: -15px !important;} #uploadfile{ position: absolute; top: 67%; width: 225px; left: 54%; font-size: 12px; line-height: 15px; text-align: left;} .progressSectionMain .progressBody .step2.map #uploadfile { top: 70%; } .surveyList {width: 100%; display: inline-block; margin-top: 50px; margin-bottom:30px;} .surveyList .vListing{ width: 100%; display: inline-block; border-bottom: 10px solid #bb4764; padding-bottom: 40px; padding-top:20px;} .surveyList .vListing + .vListing { margin-top: 10px; } .surveyList .vListing:last-child{ border:none; } .surveyList h2 {font-size: 20px; margin-bottom: 10px;} /*.surveyList a { display: inline-block; background: #e0e1e2; color: rgba(0,0,0,.6); text-decoration: none; font-size: 13px; font-weight: 600; padding:10px 10px; border-radius: 5px; }*/ .surveyList a + a { margin-left: 5px;} /*Survey Quiz*/ .surveyQuiz { min-height: 500px; position: relative; } .surveyQuiz #addSurvey { width:100%; display: inline-block; margin: 50px auto;} .surveyQuiz span.wpforms-page-indicator-page-title {font-family: 'Fjalla One' !important; font-size: 20px !important; text-transform: uppercase !important;} .surveyQuiz .wpforms-field.wpforms-field-html { font-family: 'Fjalla One' !important; font-size: 20px !important;} .surveyQuiz label.wpforms-field-label-inline { font-size: 15px !important;} .surveyQuiz label.wpforms-field-label { font-family: 'Fjalla One' !important; font-weight: normal !important; font-size: 16px !important; margin-bottom: 15px !important; } .surveyQuiz button[type="submit"], .surveyQuiz .wpforms-page-button { display: inline-block !important; padding: 16px 40px !important; margin-bottom: 0 !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 2px solid #000 !important; font-family:'Fjalla One' !important; font-size: 18px !important; text-transform: uppercase !important; margin-top: 20px !important; color: #000 !important; text-decoration: none !important; position: relative !important; background: transparent !important; } .surveyQuiz button[type="submit"]:hover, .surveyQuiz button[type="submit"]:focus, .surveyQuiz button[type="submit"]:active, .surveyQuiz .wpforms-page-button:hover, .surveyQuiz .wpforms-page-button:focus, .surveyQuiz .wpforms-page-button:active { background: #27A7D6 !important; color: #fff !important; border:2px solid #27A7D6 !important; } .surveyQuiz .wpforms-page.wpforms-page-6 .wpforms-field.wpforms-field-pagebreak button { margin-right: 200px; } .surveyQuiz .wpforms-page.wpforms-page-6 .wpforms-page-button.wpforms-page-prev { margin-right: 200px; } .surveyQuiz button[type="submit"] { position: absolute !important; bottom: 20px; right: 40%; transform: translateX(-40%); margin-right: -60px !important;} .surveyQuiz .wpforms-form .wpforms-field-label{ font-weight:600 !important; font-family: "Open Sans" !important; } /* Survey result */ .surveyLegends { margin-top: 20px; margin-bottom: 80px;} .surveyLegends .columns { width: calc(100%/6 - 30px); display: inline-block; margin:0px 10px; margin-bottom: 20px;} .surveyLegends .columns h3 { font-size: 15px; margin-bottom: 5px;} .surveyLegends ul { margin: 0; padding: 0; } .surveyLegends ul li { list-style:none; font-size: 13px; display: inline-block; width: 100%;} .surveyLegends ul li + li {margin-top: 2px;} .surveyLegends ul li .squre {width: 15px; height: 15px; background: #ddd; display: inline-block; vertical-align: middle; margin-right: 0px; position: relative; top: -1px;} .surveyLegends ul li .tile { display: inline-block; vertical-align: middle; font-weight: 600; } .goBackBtn{ margin-top:25px; font-size: 16px; color: #2192bc; background: transparent; border:none; cursor:pointer; } .downloadBtn a{ font-size: 16px; color: #2192bc; font-size:16px;} .downloadBtn a:hover, .downloadBtn a:focus { color: #2192bc; } .downloadBtn a i { margin-left:5px;} /*Survey Not Login*/ .userNotLogin { width: 100%; display: inline-block; text-align: center; padding-top: 50px; padding-bottom: 30px;} .userNotLogin img { height: 100px; } .userNotLogin p { font-size: 25px; font-family: "Fjalla One"; } /*Loader*/ .loaderBox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .loaderBox .loader { border: 5px solid #d2cdcd; border-radius: 50%; border-top: 5px solid #827f7f; width: 80px; height: 80px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Admin override anchor */ .countryFlag ul li a:hover{text-decoration:none !important;} .fusion-social-networks-wrapper a{ text-decoration:none !important;} .nav a{ text-decoration:none !important;} .wonderplugintabs-panel-inner a{ text-decoration:none !important; } /************************************************* MOBILE RESPONSIVE **************************************/ @media screen and (max-width: 1366px) { .trainningCources .traingCourseThumb li .link a {width: 64%;} .trainningCources .featureArticleRs .leftTiles .link a { width: 53%;} } @media screen and (max-width: 1280px) { .trainningCources .traingCourseThumb li .link a {width: 60%;} .trainningCources .featureArticleRs .leftTiles .link a { width: 43%;} .trainningCources .featureArticleRs .rightTiles { padding: 30px 25px !important;} } @media screen and (max-width:1200px) { .fusion-main-menu > ul > li { padding-right: 20px !important; } .fusion-main-menu>ul>li:last-child { padding-right: 0 !important; } .no-overflow-y .fusion-header-v1 .fusion-header { padding-left: 20px; } .fusion-header:before {font-size: 60px; line-height: 65px; display: block; text-align: center;} } @media screen and (max-width:1100px) { .fusion-main-menu > ul > li > a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a { font-size: 16px !important; } #side-header .fusion-logo, .fusion-header .fusion-logo { width: 175px !important; } .fusion-main-menu > ul > li { padding-right: 30px !important; } } @media screen and (max-width:1024px) { /*nav menu*/ .fusion-main-menu>ul>li>a.fusion-icon-only-link>.fusion-megamenu-icon { font-size: 15px !important; } .fusion-main-menu > ul > li > a > .fusion-megamenu-icon { font-size: 15px !important; } .fusion-main-menu { margin:0 !important;} /*visualization*/ .progressSectionMain .progressBody ul.iconsBx li.customDownload {left:343px; bottom: 191px;} .progressSectionMain .progressBody .afterStep4 ul.iconsBx li.customDownload, .progressSectionMain .progressBody ul.iconsBx li.customDelete {bottom: 80px;} #editorDIV > div[class^="col-"] { width: 50%; } /*Documents*/ .upper-container.resourceDocument {width: 90%;} .trainningCources .traingCourseThumb { padding-left: 50px; padding-right: 50px;} .viewDocument .rightBx .title { word-break: break-all;} .trainningCources .traingCourseThumb li .title, .trainningCources .traingCourseThumb li .link { width: 270px;} .viewDocument { padding: 20px 20px; } .viewDocument > .row div[class^="col-"]:nth-child(2) { margin-top: 20px; } /*Training Cources*/ .upper-container { width: 90%; } .trainningCources .rightBx { min-height: 698px; padding: 30px; } .trainningCources .rightBx .title {word-break: break-all; line-height: 17px; vertical-align: middle;} .trainningCources .leftBx .mediaPlc .traingCourseThumb .bottomOverlay .leftArea { width: 100%; } /*Articles*/ .articlePage.newsEvents .popularEventBx .custom-row {max-width: 90% !important;} .articlePage.newsEvents .popularEventBx .rightArea { padding-bottom: 0; } /*resources-search*/ .searchFormResource .foundResult { position: static; } .trainningCources .resourceSearch .lagendBox {margin:15px 0px;} .searchFormResource .leftSearch { margin-top: 0; } .trainningCources .resourceSearch .lagendBox ul { float: left; } .trainningCources .resourceSearch .viewDocument { padding-left: 0; } .viewDocument .rightIcons .icons img { height: auto; } .viewDocument .rightIcons { padding-top: 60px; } /*Resources*/ .advanceSearchBar .searchandfilter ul li label>select { min-width:170px;} .trainningCources .featureArticleRs .rightTiles h1.titledesign { font-size: 40px !important; } .trainningCources .traingCourseThumb li .title a { font-size: 17px; display: inline-block; margin:5px 0px;} .trainningCources .traingCourseThumb li .link { width: 230px; } .advanceSearchBar { width: 100%; display: inline-block; } .advanceSearchBar .searchandfilter ul { width: 90%; } .trainningCources .featureArticleRs .traingCourseThumb ul { width: 100%; } .trainningCources .featureArticleRs .traingCourseThumb ul:nth-child(3) { margin-left: 0; margin-right: 0; margin-top: 40px;} /*Country Flag*/ .countryFlag ul { padding: 0 !important; padding-right: 30px !important; } .countryFlag ul li a { font-size: 13px !important; } .countryFlag ul li img { margin-bottom: 5px !important; } /*question of week*/ .questionOfWeek .upperLeft { width: 100%; padding-left: 50px; } .questionOfWeek h1 { padding-left: 50px; } .questionOfWeek h1.titledesign::after { left:50px; } .questionOfWeek .upperLeft .dateBox { text-align: left; } .questionOfWeek .lowerSection {padding: 0px 50px 50px;} #ai1ec-calendar {width: 70% !important; position: static !important; right: 100px; display: block; margin: 0 auto; margin-top: 45px;} } @media screen and (max-width:900px) { .fusion-main-menu > ul > li { padding-right: 25px !important; } #side-header .fusion-logo, .fusion-header .fusion-logo { width: 155px !important; } } @media screen and (max-width:850px) { #side-header .fusion-logo, .fusion-header .fusion-logo { width: 150px !important; } .fusion-main-menu > ul > li { padding-right: 15px !important; } .fusion-main-menu > ul > li > a { height: 65px !important;} .breadcrumb { padding-left:20px; padding-right: 20px; } .breadcrumb span { max-width: 300px; } .fusion-header {background-color: transparent !important;} } @media screen and (max-width:768px) { /*Mobile Nav*/ header .fusion-mobile-nav-item a, header .fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a {font-size: 18px; font-family: 'Fjalla One' !important; background: #2192bc; color: #fff; height: 50px; line-height: 50px; border-color: #0a87b5;} header .fusion-mobile-nav-item .fusion-open-submenu {color: #fff; font-size: 18px; top: 9px;} header .fusion-mobile-nav-item a:before { color:#fff; margin-right: 10px !important; } header .fusion-icon-bars:before { font-size: 30px; color:#fff !important; } .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder { padding-top: 15px !important; margin-right: -40px !important; } .fusion-social-networks { width: 100%; text-align: left !important; } .fusion-footer footer .fusion-columns .fusion-column { padding-left: 20px; padding-left:20px !important; } .countryImage img {width:100%;} .offLineButton .countryBtn { margin-top: 0; margin-bottom: 25px;} .countryPageMain h1.titledesign { margin-bottom: 25px; } /*Country Flag*/ .countryFlag ul { top:16px !important;} /*visualization*/ #editorDIV > div[class^="col-"] { width: inherit; } .progressSectionMain .progressBody .step2 .customDropdown { width: 53%; } /*Documents*/ .trainningCources .traingCourseThumb li {width: 100%;} .trainningCources .traingCourseThumb li:nth-child(2) { margin: 0; margin-top: 40px; margin-bottom: 40px; } .trainningCources .traingCourseThumb li .featuredimage { height: auto; } .fusion-header:before { font-size: 60px; line-height: 70px; display: block; text-align: center; width: 100%;} /*Training Cources*/ .trainningCources .leftRightContainer { display: inline-block; width: 100%;} .trainningCources .leftBx {width: 100%; display: inline-block; } .trainningCources .rightBx{ width: 100%; margin-top: 40px; display: inline-block; } .upper-container h1 { padding-bottom: 10px; } .trainningCources .leftBx .title + .row > div[class^="col-"] { display: inline; } .trainningCources .traingCourseThumb li .posttype { width: 50%; } .trainningCources .traingCourseThumb li .title {width: 100%;} /*Articles*/ .articlePage .myArticle .related-posts.single-related-posts ul li.fusion-carousel-item { width: 100% !important; margin-bottom: 50px; } .articlePage .myArticle .related-posts.single-related-posts ul li.fusion-carousel-item:nth-child(2) { margin-left: 0 !important; margin-right: 0 !important; } .articlePage .myArticle .related-posts.single-related-posts ul li.fusion-carousel-item:nth-child(3) { margin-bottom: 0 !important; } .articlePage .myArticle .related-posts.single-related-posts .postDescreption { padding-right: 15px; } .articlePage .myArticle .related-posts.single-related-posts h2.title-heading-left { font-size: 45px !important; } .articlePage .myArticle .articlePagination { margin-bottom: 80px; margin-top: 40px;} .articlePage.newsEvents .popularEventBx .rightArea .BtnBx { margin-bottom: 40px; } .articlePage.newsEvents .popularEventBx .leftArea img { height: auto; } .articlePage.newsEvents .popularEventBx .category { width: 100%; display: block; padding-left: 0; } .articlePage.newsEvents .popularEventBx .icon-date { width: 100%; margin-top: 10px; } .articlePage.newsEvents .popularEventBx .custom-row .row + .row { margin-top: 10px; } .articlePage.newsEvents .popularEventBx { padding: 20px 0px; } .articlePage .myArticle .related-posts {margin-top: 0;} .articlePage.newsEvents .fusion-carousel-nav { display: none; } /*Resource Search*/ .trainningCources .resourceSearch .viewDocument ul li { padding: 20px; } .trainningCources .resourceSearch .viewDocument ul li div[class^="col-"]:first-child { padding-left: 0; padding-right: 0; } .trainningCources .resourceSearch .viewDocument ul li { border-left:none; border-top: 10px solid #ddd;} .trainningCources .resourceSearch .lagendBox ul li { display: block; } .trainningCources .resourceSearch .lagendBox ul li + li { margin-left: 0; margin-top: 15px;} .searchFormResource .viewDocument .imgBox .bottomOverlay { padding: 15px 10px; } .trainningCources .resourceSearch .viewDocument .circleBxIner { bottom: 7px; right: 7px;} .searchandfilter select.sf-input-select { min-width: 100%; } .searchFormResource .viewDocument .imgBox .bottomOverlay .progress { height: 13px; } .viewDocument .rightIcons .icons img { height: 20px; } .viewDocument .rightIcons .icons { display: inline-block; vertical-align: top; } /*Resources*/ .trainningCources .featureArticleRs .traingCourseThumb .tcts ul {margin-top: 65px;} .trainningCources .featureArticleRs .traingCourseThumb .tcts ul li { width: calc(100%/2 - 16px); } .trainningCources .featureArticleRs .traingCourseThumb .tcts ul li:nth-child(2) { margin-top: 0; margin-left: 18px;} .trainningCources .featureArticleRs .rightTiles { width: 100%; float:left; } .trainningCources .traingCourseThumb .buttonBx { margin-top: 10px; margin-bottom: 50px;} .trainningCources .featureArticleRs .rightTiles h1.titledesign { margin-bottom: 5px; } .trainningCources .featureArticleRs .rightTiles ul li .rightBox { width:calc(100% - 100px); } .trainningCources .featureArticleRs .leftTiles { width: 100%; float: left; } .trainningCources .featureArticleRs .leftTiles h1.titledesign {margin-bottom: 0;} .trainningCources .featureArticleRs .traingCourseThumb:nth-child(2) { padding-top: 30px; } .trainningCources .featureArticleRs .traingCourseThumb:nth-child(3) { padding-right: 50px; margin-bottom: 50px; } .trainningCources .featureArticleRs .traingCourseThumb .tcts .rightTiles ul li:nth-child(2) { margin-top: 40px; margin-bottom: 20px;} .trainningCources .featureArticleRs .leftTiles { padding-bottom: 0; } .trainningCources .traingCourseThumb li .language { width: 100% !important;} .trainningCources .featureArticleRs .traingCourseThumb ul:nth-child(3) { margin-bottom: 40px; } .fusion-mobile-nav-holder > ul li .fusion-icon-only-link .menu-text, .fusion-mobile-nav-holder > ul li a { font-family: 'Fjalla One' !important;} /*breadcrumb*/ .breadcrumb { display: none; } } @media screen and (max-width:480px) { h1.titledesign { font-size: 40px !important; } #wrapper .post-content h2 {font-size: 24px; margin-bottom: 0;} .post-content h1 { margin-bottom: 30px; } .innerSlideBaner h1 { font-size: 50px !important; } .progressSectionMain .progressBody.scatterplot ul.iconsBx li.customDownload {right: inherit !important; left: 33px !important; bottom: 355px !important;} /*country flags*/ .countryFlag { height: 150px !important; background-color: rgba(0,0,0,0.35) !important; } .countryFlag ul { display: block !important; left:10px !important; } .countryFlag ul li { display: inline-block !important; width: 24% !important; margin-bottom: 10px !important; } .countryFlag ul li a { font-size: 10px !important; } .countryFlag ul li img { width: 30px !important; } .countryFlag ul li:nth-child(5) {position: absolute !important; left: 45% !important; transform: translateX(-50%); top: 108px !important;} .countryFlag ul li:nth-child(5) img {border:4px solid #fff !important; padding:6px !important; width: 70% !important;} /*Topic Map*/ #wonderplugintabs-1 > .wonderplugintabs-header-wrap .wonderplugintabs-header-li-fullwidth { height: 64px; border:2px solid #8349ba !important; } #wonderplugintabs-1 > .wonderplugintabs-header-wrap .wonderplugintabs-header-li-fullwidth.wonderplugintabs-header-li-active { height: 100%; } .fusion-tabs.clean .tab-content { padding: 20px !important; } .tabContainer .nav-tabs li { min-width: 100% !important;} .tabContainer .nextPrevButton .Btn { margin:0 !important; width: 100%; } .tabContainer .fusion-tabs { margin-bottom: 20px !important; } /*Documents*/ .viewDocument .rightBx label, .viewDocument .rightBx .title { width: 100%; } .viewDocument .rightIcons { text-align: center; } .viewDocument .rightIcons .icons { width: auto; } .viewDocument .rightIcons .icons + .icons { margin-top: 0; margin-left: 15px;} .resourceDocument .tabBox .nav-tabs a { padding: 13px 18px; font-size: 13px; } .trainningCources h1, .trainningCources h1.titledesign { line-height: 65px; } #content { margin-bottom: 0; } .trainningCources .rightBx { min-height: auto;} .trainningCources .leftBx .mediaPlc { width: 100%; margin-right: 0; } .trainningCources .leftBx .mediaPlc .traingCourseThumb { margin-top: 0 !important; } /*Training Cources*/ .trainningCources .leftBx .title + .row > div[class^="col-"] { display: inline-block; width: 100%; } .trainningCources .leftBx .title + .row > div[class^="col-"] a { display: block; } .trainningCources .leftBx .title + .row > div[class^="col-"] .pull-right { float: none; } /*Resource Search*/ .searchFormResource .documentList .link .urlLink { line-height: 20px; } .trainningCources .resourceSearch .viewDocument .link span.urlLink { font-weight: normal; white-space: normal; word-break: break-all; line-height: 20px;} .wp-pagenavi a, .wp-pagenavi span { margin: 1px;} .searchFormResource .pageNumber { font-size: 13px; } .trainningCources .traingCourseThumb {padding-top: 0 !important; margin-top: 20px !important;} /*Resources*/ .trainningCources .featureArticleRs .traingCourseThumb:nth-child(3) { padding-right: 30px; } .trainningCources .featureArticleRs .traingCourseThumb .tcts ul li { width: 100% !important; } .trainningCources .featureArticleRs .traingCourseThumb .tcts ul li:nth-child(2) { margin-top: 30px; margin-left: 0; } .trainningCources .featureArticleRs .rightTiles { padding: 15px 20px; } .trainningCources .featureArticleRs .traingCourseThumb .tcts ul { margin-top: 35px; } .trainningCources .featureArticleRs .rightTiles h1.titledesign { padding-bottom: 15px; } .trainningCources .traingCourseThumb { padding-left:30px; padding-right: 30px; } .advanceSearchBar .searchandfilter select.sf-input-select { font-size: 10px; border-bottom: 1px solid #ccc; } .advanceSearchBar .searchandfilter ul li.sf-field-taxonomy-taxonomy_resources, .advanceSearchBar .searchandfilter ul li.sf-field-taxonomy-taxonomy_resources, .advanceSearchBar .searchandfilter ul li.sf-field-search, .advanceSearchBar .searchandfilter ul li { padding-left: 0; } .advanceSearchBar .searchandfilter ul li + li { border-left: none; } .advanceSearchBar .searchandfilter .sf-input-text { font-size: 13px; font-weight: normal; padding:0;} .advanceSearchBar .searchandfilter ul li label>select { min-width: 140px; } .advanceSearchBar .searchandfilter .sf-field-submit input[type="submit"] { width: 75px; height: 70px; } .advanceSearchBar .searchandfilter ul { padding: 5px; } .advanceSearchBar .searchandfilter .sf-field-submit input[type="submit"] { background-size:40%; } /*Resources*/ .trainningCources .featureArticleRs .rightTiles ul li .rightBox { width: 100%; } .trainningCources .featureArticleRs .rightTiles ul li .leftBox { display: block; margin:0 auto; } .trainningCources .featureArticleRs .rightTiles ul li .rightBox .title {padding-left: 10px;} .trainningCources .traingCourseThumb li .title a { width: 245px; padding-top: 5px; } /*After Login*/ .accountLoginPage .rightArea .logoBx ul li + li { margin-left: 0; margin-top: 30px;} .accountLoginPage .rightArea { min-height: 600px; } /*Step-2*/ .progressSectionMain .progressBody .step2 .customDropdown { width: 52%; top:165px; } .fa-question-circle-o:before { font-size: 18px; } .progressBody .helpText { font-size: 15px; bottom:10px; right:15px; } .progressSectionMain .progressBody .step2 .uploadBx { margin-top: -10px; margin-bottom: 50px !important; } .progressSectionMain .progressBody .step2 .downloadBx{margin-top: 100px;} .progressSectionMain .progressBody .step2.map .downloadBx { margin-top: 170px; } .progressSectionMain .progressBody .step2.map .uploadBx { margin-top: 0; } /*Dot Plot*/ .progressSectionMain .progressBody.dotPlot ul.iconsBx li.customDownload { bottom: 180px !important;} .progressSectionMain .progressBody.dotPlot .afterStep4 ul.iconsBx li.customDownload, .progressSectionMain .progressBody.dotPlot .afterStep4 ul.iconsBx li.customDelete {bottom: 74px !important;} .progressSectionMain .progressBody.dotPlot .afterStep4 ul.iconsBx li.customDelete { margin-left: 20px; } /*breadcrumb*/ .breadcrumb {padding: 5px 55px;} /*question of week*/ #ai1ec-calendar { width: 90% !important; } .questionOfWeek h1 { line-height: 65px; margin-top: 50px;} .questionOfWeek .upperLeft {padding-left: 30px; padding-right: 30px;} .questionOfWeek h1.titledesign {padding-left: 30px; padding-right: 30px;} .questionOfWeek h1.titledesign::after { left: 30px; bottom: -5px; } .questionOfWeek .lowerSection ul li {margin: 20px 0px; padding-left: 40px;} .questionOfWeek .lowerSection ul li:before { position: absolute; left:20px; } .questionOfWeek .lowerSection {padding: 0px 30px 30px;} /*Category News-event */ .category-news-events .fusion-posts-container article, .category-articles .fusion-posts-container article { width: 100%; } .category-news-events .fusion-posts-container article:nth-child(2), .category-articles .fusion-posts-container article:nth-child(2) { margin:0; } .category-news-events .fusion-posts-container article h2.entry-title, .category-articles .fusion-posts-container article h2.entry-title { margin-top: 20px; } /*Resources / documents / training cources category css */ .tax-taxonomy_resources .fusion-posts-container article { width: 100%; margin:0; } } @media screen and (max-width:360px) { /*Documents*/ .trainningCources .traingCourseThumb li .title, .trainningCources .traingCourseThumb li .link { width: 255px;} .advanceSearchBar .searchandfilter ul li label>select { min-width: 60px; } .questionOfWeek h1 { padding-left: 20px; padding-right: 20px; } .questionOfWeek h1.titledesign::after { left:20px; } .questionOfWeek .upperLeft { padding-left: 20px; padding-right: 20px; } .questionOfWeek .lowerSection {padding: 0px 20px 20px;} }