/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- // 0 - Bootstrap variables and mixins 1.0 - Reset 2.0 - Typography 3.0 - Elements 4.0 - Utilities 5.0 - Main 5.1 - Structure 6.0 - Navigation 6.1 - Top Menu 6.2 - Main Menu 6.3 - Sub header Menu 6.4 - Footer Menu 7.0 - Header 8.0 - Content 8.1 - Structure 8.2 - Featured area 8.3 - Post & Pages 8.4 - Error page 8.5 - Navigation 8.6 - Comments 8.7 - Elements 8.8 - Breadcrumbs 9.0 - Media 9.1 - Galleries 10.0 - Page/Post Layouts 11.0 - Sidebar 12.0 - Widgets 13.0 - Footer 13.1 - Footer Widgets 13.2 - Social icons 13.3 - Copyright & Powered 14.0 - Extras (alignment) 15.0 - Accessibility 16.0 - Plugin specific styles 16.1 - WooCommerce 16.2 - Jetpack --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.0 Main --------------------------------------------------------------*/ @font-face { font-family: 'montserratblack'; src: url('fonts/montserrat-black-webfont.eot'); src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-black-webfont.woff2') format('woff2'), url('fonts/montserrat-black-webfont.woff') format('woff'), url('fonts/montserrat-black-webfont.ttf') format('truetype'), url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratextra_bold'; src: url('fonts/montserrat-extrabold-webfont.eot'); src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('fonts/montserrat-extrabold-webfont.woff') format('woff'), url('fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratmedium'; src: url('fonts/montserrat-medium.woff2') format('woff2'), url('fonts/montserrat-medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserrathairline'; src: url('fonts/montserrat-hairline-webfont.eot'); src: url('fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-hairline-webfont.woff2') format('woff2'), url('fonts/montserrat-hairline-webfont.woff') format('woff'), url('fonts/montserrat-hairline-webfont.ttf') format('truetype'), url('fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'montserratlight'; src: url('fonts/montserrat-light-webfont.eot'); src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light-webfont.woff2') format('woff2'), url('fonts/montserrat-light-webfont.woff') format('woff'), url('fonts/montserrat-light-webfont.ttf') format('truetype'), url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg'); font-weight: normal; font-style: normal; }*/ /* Note: Below set montserrat-regular font in montserratlight becuase montserratlight font not proper visible comma(,) */ @font-face { font-family: 'montserratlight'; src: url('fonts/montserrat-regular.woff2') format('woff2'), url('fonts/montserrat-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratsemi_bold'; src: url('fonts/montserrat-semibold-webfont.eot'); src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('fonts/montserrat-semibold-webfont.woff') format('woff'), url('fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratultra_light'; src: url('fonts/montserrat-ultralight-webfont.eot'); src: url('fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-ultralight-webfont.woff2') format('woff2'), url('fonts/montserrat-ultralight-webfont.woff') format('woff'), url('fonts/montserrat-ultralight-webfont.ttf') format('truetype'), url('fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg'); font-weight: normal; font-style: normal; } body { word-wrap: break-word; background: #fff; color:#000000; font-family: 'montserratlight'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x:hidden; } body.tmp-parent-page{ background: #ffffff; } body.tax-awards_year,body.tax-awards_category{ background: #ffffff; } body.post-type-archive-members,body.post-type-archive-news{ background: #ffffff; } body.home { background: #000; } html { overflow-x:hidden; } div.wpcf7 .ajax-loader { display: none; } /*-------------------------------------------------------------- 6.1 Top Menu --------------------------------------------------------------*/ .top-left-widget { text-align: left; } .top-right-widget { text-align: right; } .top-left-widget ul.menu, .top-right-widget ul.menu { padding: 0; margin: 0; list-style-type: none; } .top-left-widget ul.menu li, .top-right-widget ul.menu li { display: inline-block; padding: 0 12px; line-height: 1; } .top-left-widget ul.menu li:first-child, .top-right-widget ul.menu li:first-child{ padding-left:0px; } .top-left-widget ul.menu li:first-child, .top-right-widget ul.menu li:first-child { border-left: none; } .top-left-widget ul.menu li a, .top-right-widget ul.menu li a { font-size: 12px; line-height: 12px; color: #a6a6a6; font-family: 'montserratregular'; display: inline-block; line-height: 1; text-decoration: none; } .top-left-widget ul.menu li.current-menu-item a, .top-right-widget ul.menu li.current-menu-item a { color: #000; } .top-left-widget ul.menu li a:hover, .top-right-widget ul.menu li a:hover { color: #ea1d63; text-decoration: none; } .top-left-widget ul.menu li a .fa, .top-right-widget ul.menu li a .fa {} #top-menu-container { padding:10px 25px ; background-color: #f5f5f5; font-size: 12px; color: #a6a6a6; font-family: 'montserratlight'; } #top-menu-container a:hover{ color:#000; } /*-------------------------------------------------------------- 6.2 Main Menu --------------------------------------------------------------*/ #main-menu { position: relative; } #mobile-nav-button { float: right; padding: 0 10px; font-size: 2em; background: #333333; border: none; } #mobile-nav-button:before { content: "\f0c9"; color: #eeeeee; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #mobile-nav-button:hover { cursor: pointer; } #mobile-nav-button:hover:before { color: #999999; } #mobile-current-item { position: absolute; top: 10px; padding-left: 10px; color: #eeeeee; } #main-menu-container { background-color: #141719; } #main-navigation:before, #main-navigation:after { content: " "; display: table; } #main-navigation:after { clear: both; } #main-navigation.menu-open .nav-main { display: block; } #main-navigation .nav-main { margin: 0; list-style: none; } #main-navigation ul li { margin: 0; padding: 0; list-style: none; } #main-navigation ul li a { color: #eeeeee; text-decoration: none; } #main-navigation ul li a:hover { color: #999999; } #main-navigation .main-nav .menu li li a::before { /*content: '\2013'; position: absolute; margin-left: -15px;*/ } #main-navigation ul { padding: 0; margin:0; } .post-edit-link{ display:none !important; } .logged-in .post-edit-link{ display:block !important; } /*Sidebar Navigation*/ .sidebar-menu .widget-wrapper { padding:0; } .sidebar-menu ul, ul.sidebar-menu { margin:0; padding:0; list-style-type:none; border-top:1px solid #d5d5d5; } .sidebar-menu li.menu-item-has-children { padding:0; padding-top:12px; border:none; } .sidebar-menu li.menu-item-has-children ul { margin-top:12px; } .sidebar-menu .sub-menu li { padding-left:40px; } .sidebar-menu li{ border-bottom:1px solid #d5d5d5; padding:12px 0; } .sidebar-menu li a{ font-size: 17px; font-weight: 500; line-height: 1.88; color: #242424; font-family: 'montserratmedium'; } .sidebar-menu li.current_page_item > a{color:#3069c4;} ul.sidebar-menu li a:hover{ color:#3069c4;} ul.sidebar-menu li.current_page_item a{ color:#3069c4;} .sidebar-menu li.active a{color:#3069c4;} .sidebar-menu li.current-menu-ancestor > a{color:#3069c4;} .sidebar-menu li.current-menu-item > a{color:#3069c4;} .sidebar-menu li a:hover{color:#3069c4;} /*Sidebar Navigation-END*/ /*Attend the arts & business exchange - Media*/ .arts-business-media { width: 50%; margin-left: 15px; margin-left:auto; margin-right:auto; } .imgwrap{ margin-bottom:15px; } .lnkwrap{ text-align:center; } /*Attend the arts & business exchange - Media - END*/ /*Nominate your business relationships for an award - Media*/ .media-wrap { text-align:center; } .media-wrap .txt-ovrvw{ margin-bottom:30px; } .media-wrap .lnkwrap{ clear:both; } /*Nominate your business relationships for an award - Media - END*/ .program-wrap .program-sections{ margin-bottom:30px; } .slick-initialized .slick-slide{ -webkit-backface-visibility: hidden; backface-visibility: hidden;} @media (min-width: 980px) { .mob-nav-link { display:none; } #mobile-nav-button { display: none; } #mobile-current-item { display: none; } #main-navigation ul { display: block; } #main-navigation .main-nav ul { padding: 0; } #main-navigation .main-nav ul:before, #main-navigation .main-nav ul:after { content: " "; display: table; } #main-navigation .main-nav ul:after { clear: both; } #main-navigation .main-nav ul li { margin: 0; padding: 0; list-style: none; position: relative; float: left; } #main-navigation .main-nav ul li > ul { opacity: 1; transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear; } #main-navigation .main-nav ul li li:hover > ul { left: 100%; top: 0; } #main-navigation .main-nav ul li a { margin: 0; color: #eeeeee; display: block; } #main-navigation .main-nav > ul > li > a { padding: 10px 22px; } #main-navigation .main-nav ul li a:hover { text-decoration: none; color: #999999; } #main-navigation .main-nav ul li > ul { position: absolute; z-index: 999; width: auto; min-width: 246px; background-color: transparent; right:0px; } #main-navigation .main-nav ul li.about-menu > ul{min-width:141px;} #main-navigation .left-nav .main-nav ul li > ul { right:auto; left:0; } #main-navigation .main-nav ul li ul { max-height:0; overflow:hidden; opacity: 1; transition:All 0s ease-in; -webkit-transition:All 0s ease-in; -moz-transition:All 0s ease-in; -o-transition:All 0s ease-in; } #main-navigation .main-nav ul li:hover ul { transition:All 0.6s ease-in; -webkit-transition:All 0.4s ease-in; -moz-transition:All 0.4s ease-in; -o-transition:All 0.4s ease-in; } #main-navigation .main-nav ul li:hover > ul { max-height:450px; } #main-navigation .main-nav ul li ul li { float: none; padding: 0 15px; } #main-navigation .main-nav ul li ul li a { line-height: 2.5em; white-space: nowrap; } #main-navigation .main-nav .menu li li a::before { content: ''; position: relative; margin-left: 0; } #main-navigation .main-nav > ul > li > ul > li.menu-item-has-children::after { content: "\f105"; color: #eee; font-family: FontAwesome; display: inline-block; position: absolute; right: 15px; top: 6px; font-size: 20px; } .left-nav { float:left; } .right-nav { float:right; } } @media(max-width:979px) { .mob-nav-link { display:block; } .header-side-menu #main-navigation .main-nav > ul > li { position:relative; } #main-navigation .main-nav .menu li .menu_arrow { color: #fff; cursor: pointer; display: inline-block; height: 38px; line-height: 38px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; z-index: 9999; } #main-navigation .main-nav .menu li .menu_arrow::after { font-size: 22px; content: "\f107"; font-family: FontAwesome; color: #FFF; } #main-navigation .main-nav .menu li.open > .menu_arrow::after { content: "\f106"; } #main-navigation .main-nav ul li a { display: block; padding: 8px 10px; font-size: 16px; } #main-navigation .main-nav li.menu-item-has-children > ul { display: none; background-color: rgba(255, 255, 255, 0.05); } #main-navigation .main-nav li.menu-item-has-children.open > ul { display: block; } } @media (min-width: 768px) and (max-width: 1199px) { .main-nav-wrapper .container { position:relative; } } /*-------------------------------------------------------------- 6.3 Subheader Menu --------------------------------------------------------------*/ #sub-menu-container { background-color: #f2f2f2; } #sub-navigation:before, #sub-navigation:after { content: " "; display: table; } #sub-navigation:after { clear: both; } #sub-navigation.menu-open ul { display: block; } #sub-navigation ul { display: none; margin: 0; padding-left: 10px; list-style: none; } #sub-navigation ul li { margin: 0; padding: 0; list-style: none; } #sub-navigation ul li a { color: #555555; text-decoration: none; line-height: 3em; } #sub-navigation ul li a:hover { color: #fff; } #sub-navigation > ul { padding-top: 35px; } @media (min-width: 980px) { #sub-navigation ul { display: block; } #sub-navigation ul { padding: 0; } #sub-navigation ul:before, #sub-navigation ul:after { content: " "; display: table; } #sub-navigation ul:after { clear: both; } #sub-navigation ul li { margin: 0; padding: 0; list-style: none; position: relative; float: left; } #sub-navigation ul li:hover ul { display: block; } #sub-navigation ul li li:hover > ul { left: 100%; top: 0; } #sub-navigation ul li a { margin: 10px; color: #555; font-size: 13px; } #sub-navigation ul li a:hover { text-decoration: none; color: #ea1d63; } #sub-navigation ul li > ul { position: absolute; z-index: 999; width: auto; min-width: 200px; padding: 0; background-color: #999999; } #sub-navigation ul li ul { display: none; } #sub-navigation ul li ul li { float: none; } #sub-navigation ul li ul li a { line-height: 2.5em; white-space: nowrap; } } /*-------------------------------------------------------------- 6.4 Footer Menu --------------------------------------------------------------*/ #footer-menu-container .footer-menu { display: inline-block; margin: 0; padding: 0; } #footer-menu-container .footer-menu li { float: left; margin-left: 10px; list-style: none; } #footer-menu-container .footer-menu li:after { content: '|'; color: #999999; font-weight: 100; margin-left: 10px; } #footer-menu-container .footer-menu li:last-child:after { margin-left: 0; content: ''; } #footer-menu-container .footer-menu li a { text-decoration: none; color: rgba(255, 255, 255, 0.8); font-size: 12px; } #footer-menu-container .footer-menu li a:hover { color: #ea1d63; } /*-------------------------------------------------------------- 7.0 - Header --------------------------------------------------------------*/ #header { padding:0px 0px 0px 0px; border-bottom: none; background:#fff; } body.single #header,body.search #header { border-bottom: 1px solid #f5f5f5; } body.pharmacy_cms #header { border-bottom: 1px solid #f5f5f5; } #site-branding { position: relative; min-height: 1px; } #site-branding .site-name a { color: #333333; } #site-branding .site-description { font-size: 20px; } #secondary-header { position: relative; min-height: 1px; text-align: right; padding-top: 0px; } h1.logo-head { margin: 0; font-size: 13px; line-height: 1; } #logo h1.logo-head a { display: inline-block; font-size:28px; } #logo a{ font-size:22px; } /*-------------------------------------------------------------- 8.0 - Structure --------------------------------------------------------------*/ .content-area:before, .content-area:after { content: " "; display: table; } .content-area:after { clear: both; } main:before, main:after { content: " "; display: table; } main:after { clear: both; } /*-------------------------------------------------------------- 8.2 - Featured area --------------------------------------------------------------*/ main #featured-content, main #featured-image { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 40px 0; } @media (min-width: 980px) { main #featured-content, main #featured-image { float: left; width: 50%; } } @media (min-width: 980px) { main #featured-content, main #featured-image { padding: 40px 30px; } } main #featured-content h1, main #featured-image h1, main #featured-content h2, main #featured-image h2, main #featured-content p, main #featured-image p { text-align: center; } main #featured-content .call-to-action, main #featured-image .call-to-action { padding: 15px 0; text-align: center; margin-top: 30px; } main #featured-content .call-to-action .cta-button, main #featured-image .call-to-action .cta-button { color: #fff; background-color: #0D4C82; border-color: #0b3e6b; padding: 15px 35px; font-size: 24px; line-height: 24px; border-radius: 0; } main #featured-content .call-to-action .cta-button:hover, main #featured-image .call-to-action .cta-button:hover, main #featured-content .call-to-action .cta-button:focus, main #featured-image .call-to-action .cta-button:focus, main #featured-content .call-to-action .cta-button:active, main #featured-image .call-to-action .cta-button:active, main #featured-content .call-to-action .cta-button.active, main #featured-image .call-to-action .cta-button.active, .open > main #featured-content .call-to-action .cta-button.dropdown-toggle, .open > main #featured-image .call-to-action .cta-button.dropdown-toggle { color: #fff; background-color: #083154; border-color: #051e33; } main #featured-content .call-to-action .cta-button:active, main #featured-image .call-to-action .cta-button:active, main #featured-content .call-to-action .cta-button.active, main #featured-image .call-to-action .cta-button.active, .open > main #featured-content .call-to-action .cta-button.dropdown-toggle, .open > main #featured-image .call-to-action .cta-button.dropdown-toggle { background-image: none; } main #featured-content .call-to-action .cta-button.disabled, main #featured-image .call-to-action .cta-button.disabled, main #featured-content .call-to-action .cta-button.disabled:hover, main #featured-image .call-to-action .cta-button.disabled:hover, main #featured-content .call-to-action .cta-button.disabled:focus, main #featured-image .call-to-action .cta-button.disabled:focus, main #featured-content .call-to-action .cta-button.disabled:active, main #featured-image .call-to-action .cta-button.disabled:active, main #featured-content .call-to-action .cta-button.disabled.active, main #featured-image .call-to-action .cta-button.disabled.active, main #featured-content .call-to-action .cta-button[disabled], main #featured-image .call-to-action .cta-button[disabled], main #featured-content .call-to-action .cta-button[disabled]:hover, main #featured-image .call-to-action .cta-button[disabled]:hover, main #featured-content .call-to-action .cta-button[disabled]:focus, main #featured-image .call-to-action .cta-button[disabled]:focus, main #featured-content .call-to-action .cta-button[disabled]:active, main #featured-image .call-to-action .cta-button[disabled]:active, main #featured-content .call-to-action .cta-button[disabled].active, main #featured-image .call-to-action .cta-button[disabled].active, fieldset[disabled] main #featured-content .call-to-action .cta-button, fieldset[disabled] main #featured-image .call-to-action .cta-button, fieldset[disabled] main #featured-content .call-to-action .cta-button:hover, fieldset[disabled] main #featured-image .call-to-action .cta-button:hover, fieldset[disabled] main #featured-content .call-to-action .cta-button:focus, fieldset[disabled] main #featured-image .call-to-action .cta-button:focus, fieldset[disabled] main #featured-content .call-to-action .cta-button:active, fieldset[disabled] main #featured-image .call-to-action .cta-button:active, fieldset[disabled] main #featured-content .call-to-action .cta-button.active, fieldset[disabled] main #featured-image .call-to-action .cta-button.active { background-color: #0D4C82; border-color: #0b3e6b; } main #featured-content .call-to-action .cta-button .badge, main #featured-image .call-to-action .cta-button .badge { color: #0D4C82; background-color: #fff; } main #featured-content .call-to-action .cta-button:hover, main #featured-image .call-to-action .cta-button:hover { text-decoration: none; } .home-widget { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 980px) { .home-widget { float: left; width: 33.33333%; } } .home-widget .widget-wrapper .widget-title-home { text-align: center; margin-top: 0; } /*-------------------------------------------------------------- 8.3 - Post & Pages --------------------------------------------------------------*/ #main { position: relative; min-height: 1px; } #main article:before, #main article:after { content: " "; display: table; } #main article:after { clear: both; } #main article:last-child { border-bottom: none; } .single #main article { border-bottom: none; } .entry-header { margin-bottom: 30px; } .news-archive .entry-header { margin-bottom:13px; } .entry-header h1,.entry-title{ margin:0px; font-size:30px; line-height: 1.33; font-family: 'montserratmedium'; color:#000; } .entry-thumbnail { margin-bottom: 20px; } .page-feature-image { padding-bottom: 10px; } /*-------------------------------------------------------------- 8.4 - Error Page --------------------------------------------------------------*/ #main.error-page { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 980px) { #main.error-page { float: left; width: 100%; } } /*-------------------------------------------------------------- 8.5 - Navigation --------------------------------------------------------------*/ .site-main [class*="navigation"] { overflow-x: hidden; } .navigation { margin-top: 20px; margin-bottom: 15px; } .navigation .nav-previous { float: left; width: 50%; } .navigation .nav-next { float: right; width: 50%; text-align: right; } /*-------------------------------------------------------------- 8.6 - Comments --------------------------------------------------------------*/ .comment-content { clear: both; } .comment-content a { word-wrap: break-word; } .comment-body { padding: 10px; } .comment-body .comment-meta { text-align: left; } .comment-body .comment-meta a { font-size: 11px; } .commentlist { list-style: none; padding-left: 0; } .commentlist li.alt > article { background: #f9f9f9; } .commentlist .children { list-style: none; } .commentlist .avatar { float: left; margin-right: 10px; vertical-align: middle; } /*-------------------------------------------------------------- 8.7 - Elements --------------------------------------------------------------*/ blockquote cite { display: block; text-align: right; } /*-------------------------------------------------------------- 8.8 - Breadcrumbs --------------------------------------------------------------*/ .breadcrumb-list { padding-top: 15px; } /*article .post-data { margin-top: 35px; }*/ article .post-data .tags-links { float: left; } article .post-data .entry-meta { float: right; } /*-------------------------------------------------------------- 9.0 - Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } .wp-caption { max-width: 100%; margin-bottom: 1.5em; border: 1px solid #cccccc; } .wp-caption img[class*="wp-image-"] { display: block; max-width: 98%; margin: 1.2% auto 0; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } img { max-width: 100%; height: auto; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 9.1 - Gallery --------------------------------------------------------------*/ .gallery { margin-left: -15px; margin-right: -15px; } .gallery:before, .gallery:after { content: " "; display: table; } .gallery:after { clear: both; } .gallery.gallery-columns-1 .gallery-item { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-2 .gallery-item { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-3 .gallery-item { position: relative; float: left; width: 33.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-4 .gallery-item { position: relative; float: left; width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-5 .gallery-item { position: relative; float: left; width: 20%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-6 .gallery-item { position: relative; float: left; width: 16.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-7 .gallery-item { position: relative; float: left; width: 14.28571%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-8 .gallery-item { position: relative; float: left; width: 12.5%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .gallery.gallery-columns-9 .gallery-item { position: relative; float: left; width: 11.11111%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /*-------------------------------------------------------------- 10.0 - Page/Post Layouts --------------------------------------------------------------*/ main#main { position: relative; min-height: 1px; } .content-sidebar-half-page main#main { position: relative; min-height: 1px; } .sidebar-content-half-page main#main { position: relative; min-height: 1px; } .full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main { position: relative; min-height: 1px; } /*@media (min-width: 980px) { .full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main { float: left; width: 100%; } }*/ main#main.sitemap .sitemap-widgets { margin-left: -15px; margin-right: -15px; } main#main.sitemap .sitemap-widgets:before, main#main.sitemap .sitemap-widgets:after { content: " "; display: table; } main#main.sitemap .sitemap-widgets:after { clear: both; } .page-template-page-templateslanding-page-php #top-menu-container, .page-template-page-templateslanding-page-php #main-menu-container, .page-template-page-templateslanding-page-php #sub-menu-container, .page-template-page-templateslanding-page-php #footer-menu-container { display: none; } /*-------------------------------------------------------------- 11.0 - Sidebar --------------------------------------------------------------*/ .default-sidebar, .gallery-sidebar, .right-sidebar { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } /*@media (min-width: 980px) { .default-sidebar, .gallery-sidebar, .right-sidebar { float: left; width: 33.33333%; } }*/ #colophon-widget { margin-left: -15px; margin-right: -15px; } #colophon-widget:before, #colophon-widget:after { content: " "; display: table; } #colophon-widget:after { clear: both; } .colophon-widget { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 980px) { .colophon-widget { float: left; width: 100%; } .right-side-content { float: right; } } .home-widgets { margin-top: 40px; } .left-sidebar { position: relative; min-height: 1px; } .left-half-sidebar { position: relative; min-height: 1px; } .right-half-sidebar { position: relative; min-height: 1px; } /*-------------------------------------------------------------- 12.0 - Widgets --------------------------------------------------------------*/ #widgets, main#main.sitemap .sitemap-widgets { margin-bottom: 20px; } #widgets:before, main#main.sitemap .sitemap-widgets:before, #widgets:after, main#main.sitemap .sitemap-widgets:after { content: " "; display: table; } #widgets:after, main#main.sitemap .sitemap-widgets:after { clear: both; } #widgets .widget-title, main#main.sitemap .sitemap-widgets .widget-title { margin-bottom: 20px; border-bottom: 1px solid #eee; } #widgets ul, main#main.sitemap .sitemap-widgets ul { padding-left: 5px; } #widgets ul li, main#main.sitemap .sitemap-widgets ul li { list-style: none; } .widget-wrapper { padding: 15px; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar #wp-calendar caption { margin-bottom: 20px; } .widget_calendar #wp-calendar thead tr th { padding-bottom: 10px; text-align: center; } .widget_calendar #wp-calendar tbody tr { border-bottom: 1px solid #555555; } .widget_calendar #wp-calendar tbody tr:last-child { border-bottom: none; } .widget_calendar #wp-calendar tbody tr td { text-align: center; padding: 5px; } .widget_calendar #wp-calendar tfoot tr td { padding-top: 10px; } .widget_search { margin-top: 15px; } .search-form { position: relative; } .search-form .search-field { position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-form .search-submit { position: relative; height: 34px; left: -4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } #widgets.sidebar .widget-title{ font-size: 22px; font-weight: bold; padding-bottom: 10px; } /*-------------------------------------------------------------- 13.0 - Footer --------------------------------------------------------------*/ #footer { margin-right: auto; margin-left: auto; margin-top: 0px; padding-top: 0; } #footer:before, #footer:after { content: " "; display: table; } #footer:after { clear: both; } /*-------------------------------------------------------------- 13.1 - Footer widgets --------------------------------------------------------------*/ #footer-widgets-container:before, #footer-widgets-container:after { content: " "; display: table; } #footer-widgets-container:after { clear: both; } #footer-wrapper{ padding:50px 0 27px 0; } #footer-widget { margin-bottom: 20px; } #footer-widget:before, #footer-widget:after { content: " "; display: table; } #footer-widget:after { clear: both; } #footer-widget .footer-widget { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 980px) { #footer-widget .footer-widget { float: left; width: 33.33333%; } } #footer-widget .footer-widget .widget-title { color: #999999; } #footer-widget .footer-widget ul { padding: 0; } #footer-widget .footer-widget ul li { list-style: none; } /*-------------------------------------------------------------- 13.2 - Social icons --------------------------------------------------------------*/ #menu-social-container { margin-left: -15px; margin-right: -15px; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #555555; } #menu-social-container:before, #menu-social-container:after { content: " "; display: table; } #menu-social-container:after { clear: both; } #footer-menu-container { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } #social-icons-container { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } @media (min-width: 980px) { #footer-menu-container { text-align: right; } #social-icons-container { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 980px) and (min-width: 980px) { #social-icons-container { float: left; width: 41.66667%; } } .social-icons { padding: 0; } @media (min-width: 980px) { .social-icons { float: right; } } .social-icons li { display: inline-block; height: 24px; width: 24px; list-style: none; margin-left: 5px; } .social-icons li a { color: #fff; display: block; width: 24px; height: 24px; font-size: 1.2em; } .social-icons li a:hover { opacity: 0.8; } .social-icons li.facebook-icon a:before { content: "\f09a"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.foursquare-icon a:before { content: "\f180"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.googleplus-icon a:before { content: "\f0d5"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.instagram-icon a:before { content: "\f16d"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.linkedin-icon a:before { content: "\f0e1"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.pinterest-icon a:before { content: "\f0d2"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.rss-icon a:before { content: "\f09e"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.stumbleupon-icon a:before { content: "\f1a4"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.twitter-icon a:before { content: "\f099"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.vimeo-icon a:before { content: "\f194"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons li.youtube-icon a:before { content: "\f167"; color: #fff; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*-------------------------------------------------------------- 13.3 - Copyright & Powered --------------------------------------------------------------*/ #footer-base { padding: 0; background-color: transparent; } #footer-base:before, #footer-base:after { content: " "; display: table; } #footer-base:after { clear: both; } #footer-base .copyright a{ font-family: 'montserratlight'; color:#000; line-height:22px; } #footer-base .copyright span{ font-family: 'montserratlight'; } #footer-base .copyright { position: relative; min-height: 1px; text-align: center; font-size: 13px; font-family: 'montserratlight'; line-height: 1.2; color: #000000; } #footer-base .copyright .copy-sub { display:block; font-size:13px; font-family: 'montserratlight'; } .ft-btm-ctnt { border-top:1px solid #d5d5d5; padding-top:22px; } @media (min-width: 980px) { #footer-base .copyright { text-align: left; line-height:22px; } } #footer-base .scroll-top { display: block; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; } /*-------------------------------------------------------------- 14.0 - Extras --------------------------------------------------------------*/ /* ALIGNMENT ===================*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; clear: both; margin: 0 auto; } /*-------------------------------------------------------------- 15.0 - Accessibility --------------------------------------------------------------*/ .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { z-index: 100000; /* Above WP toolbar */ top: 5px; left: 5px; display: block; clip: auto !important; width: auto; height: auto; padding: 15px 23px 14px; text-decoration: none; color: #428bca; border-radius: 3px; background-color: #f2f2f2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); font-size: 14px; font-weight: bold; line-height: normal; } .accessibile-label { font-size: 0; height: 1px; overflow: hidden; display: block; } /*-------------------------------------------------------------- 16.0 - Plugin specific styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16.2 - Jetpack --------------------------------------------------------------*/ /* *Infinite scroll */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } #infinite-footer .container, #infinite-footer .content-area, #infinite-footer #featured-area, #infinite-footer .home-widgets, #infinite-footer #footer #footer-wrapper, #footer #infinite-footer #footer-wrapper { width: 1170px; } /*==========================================================================================*/ /********************* Header **********************/ @media(min-width:768px) { .moblnk{ display:none; } } @media(max-width:767px) { #logo img { max-width: 140px; } .arts-business-media{ width:100%; } .media-wrap { margin-left: -15px; margin-right: -15px; } .page-learn-what-audiences-need-impact .container-fluid{ padding-left:0; padding-right:0; } } /******************* Breadcrumb *******************/ .breadcrumb-list, #breadcrumbs { padding: 0px 0; margin-bottom: 0; } .breadcrumb { padding: 0; background: none; margin-bottom: 0; } /********************* Search Form *********************/ .searchform { position: relative; display: inline-block; } .searchform .search-field { padding-right: 30px; border: 1px solid #c5c5c5; box-shadow: none; } .searchform .search-icon { position: absolute; right: 0; top: 0; padding: 10px; opacity:0; z-index:9; } .searchform label { margin-bottom: 0; } /**************** Middlebar ******************/ .cycloneslider { margin-bottom: 0 !important; } .cycloneslider-template-dark .cycloneslider-pager { bottom: 15px !important; } .cycloneslider-template-dark .cycloneslider-pager span { box-shadow: none !important; background: #CCC !important; } .cycloneslider-template-dark .cycloneslider-pager span.cycle-pager-active { background: #FFF !important; } /*************** Footer ****************/ footer .widget-title .widget-header { font-family: 'montserratregular'; font-size: 15px; line-height: 2; color: #000000; margin: 0 0 5px; } #footer-widgets-container ul { list-style-type: none; padding: 0; margin: 0; } #footer-widgets-container ul li { display: block; padding-right: 5px; } #footer-widgets-container ul li.current-menu-item a{ text-decoration:underline; } #footer-widgets-container ul li:last-child { border-bottom: none; } #footer-widgets-container a { color: #000000; font-size: 13px; font-family: 'montserratlight'; line-height: 1.54; } #footer-widgets-container a:hover { text-decoration: underline; } .page-template-page-templatesfull-width-fluid-page-php #footer { margin-top: 0; } #footer-widgets-container{ margin-bottom:45px; } @media (min-width: 768px) and (max-width: 2000px) { .widget-header{pointer-events: none;} } /* Footer Widget */ .footer-widget { margin-bottom: 0px; } @media(max-width:767px) { #footer-widgets-container { padding: 0; } .footer-widget { margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer-widget .widget-title { position: relative; cursor: pointer; border-top:1px solid #CCCCCC; } footer .footer-widget .widget-title .widget-header { margin-bottom: 0; padding: 15px 0; font-size: 14px; line-height: normal; position:relative; z-index:9; background-color:transparent; } .ft-toggle-arrow { font: normal normal normal 14px/1 FontAwesome; font-size: 23px; text-rendering: auto; position: absolute; right: 5px; top: 12px; cursor: pointer; } .ft-toggle-arrow::before { content: "\f107"; } .active .ft-toggle-arrow::before { content: "\f106"; } .footer-widget.active { padding-bottom: 10px; } footer .col-sm-4:last-child .footer-widget:last-child { border-bottom: none; } } /***************************** Sitemap Page ********************************/ ul.sitemap-menu { list-style-type: none; } ul.sitemap-menu > li { margin-bottom: 10px; } ul.sitemap-menu li > a { font-size: 16px; color: #333; } ul.sitemap-menu li > a:hover { color: #ea1d63; text-decoration: none; } ul.sitemap-menu li a:before { content: "\f101"; font-family: FontAwesome; display: inline-block; margin-right: 5px; } ul.sitemap-menu li ul { padding-top: 8px; } ul.sitemap-menu li ul li { margin-bottom: 5px; } ul.sitemap-menu li ul li a { color: #333; font-size: 15px; } ul.sitemap-menu li ul li a:hover { color: #ea1d63; text-decoration: none; } ul.sitemap-menu li ul li a:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 5px; } ul.sitemap-menu { margin: 0; padding: 0; } ul.sitemap-menu li ul { padding-left: 25px; } ul.sitemap-menu .sub-menu { list-style-type: none; } /***************** Widgets ******************/ /* Search Widget Header */ header .widget p { margin-bottom: 0; } header .widget_search { margin-top: 0px; } header .header-right-widget { display: inline-block; vertical-align: middle; margin-left: 30px; } header .searchform .search-field { min-width: 350px; height: 36px; line-height: 36px; border-radius: 0 !important; -webkit-border-radius: 0 !important; } /* Search Widget Footer */ footer .widget_search { text-align: left; } footer.widget_search label { width: 76%; } footer .search-form .search-field { background-color: transparent; border: none; border-bottom: 1px solid #555; } footer .search-form .search-field:focus { box-shadow: none; border-bottom: 1px solid #555; } footer .search-form .search-submit { background-color: #ea1d63; border: none; } footer .search-form .search-submit:hover { background-color: #ea1d63; } /* Mailchimp Form Footer widget */ .footer-widget input[type="email"] { border: none; background: #f5f5f5; height: 36px; line-height: 36px; } /********************** Error 404 Page ***********************/ .error404 .page-content { text-align: center; max-width: 900px; background: rgba(153, 153, 153, 0.1); margin: 0 auto; padding: 30px; -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1); } .title-404 { color: #333; font-size: 22px; text-align: center; } .s-404 { border: none; border-radius: 50%; display: inline-block; font-family: 'montserratmedium'; font-size: 80px; height: 150px; line-height: 130px; padding: 10px; width: 150px; } .not-found { display: block; font-family: 'montserratregular'; font-size: 22px; margin-top: 40px; } .search-no-results #content-search { margin-top: 0px; } .error404 #header{ border-bottom:1px solid #f5f5f5; } .home-link { font-weight: normal; text-align: center; } .home-link a { text-decoration: underline; color: #ea1d63; } .home-link a:hover { color: #333; } /*======================================================================================*/ /********************* WPML **********************/ .wpml-ls-legacy-dropdown { width: 118px; text-align: left; font-size: 12px; margin-left: 20px; } .top-right-widget-wrapper { text-align: right; line-height: 1; } .top-right-widget { display: inline-block; vertical-align:middle; } .top-right-widget .wpml-ls{ margin-top:0px !important; } /******************** Common Header **********************/ .slick-slide { outline: none; } .section-label.label { position: absolute; left: 0; top: -30px; border-radius: 0; display: inline-block; line-height: normal; } /***************** Link Types *****************/ .link-typ1 { color: #ea1d63; } .link-typ1:hover { color: #ea1d63; text-decoration: underline; } /********************************************* Header Search with Expand and Collapse. *******************************************/ #search-open { color: #222; font-size: 16px; line-height: 1; display: inline-block; vertical-align: middle; margin:0 0px; } #search-open.open:after { width:18px; height:18px; padding:3px; border:1px solid #a6a6a6; text-align:center; font-size:11px; border-radius:50%; background-color:#ffffff; color:#f00; content:"X"; position:absolute; top:-10px; right:-20px; z-index:999999; } .search-wrap { margin-right:63px; padding-top:10px; } #search-open .ic-search{ background:url(../images/ic-search.png) no-repeat; width:24px; height:24px; display:inline-block; margin-top:0px; } .search-wrap{ display: inline-block; position:relative; } .header-search { position: absolute; top: -1px; left:auto; right: -15px; background-color:transparent; border: 1px solid #eee; padding:2px; z-index: 99999; display: none; box-shadow: 0 0px 4px -4px rgba(0, 0, 0, 0.2); margin-right:5px; } .header-search .searchform { display: block; } header .header-search .searchform .search-field { min-width: 1px; width: 280px; height: 39px; font-family: 'montserratlight'; background-color: transparent; box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.18); border: none; padding: 0px 10px; padding-right: 10px; padding-right: 40px; font-weight: normal; -webkit-appearance: none; font-size: 14px; letter-spacing: 0.8px; color: #5a5a5a; position:relative; z-index:9; } .safari input{ line-height:normal !important; } header .header-search .searchform .search-field:focus { box-shadow: none; } .header-search label { margin-bottom: 0; display: block; position:relative; } .header-search label:after{ content:""; position:absolute; left:0; right:40px; top:0; bottom:0; background-color:#ffffff; } /******************** Side header Menu *********************/ .header-side-menu { display: block; vertical-align: middle; text-align: left; } .header-side-menu #main-menu-container { background-color: transparent; } .header-side-menu #main-navigation .main-nav > ul > li > ul > li.menu-item-has-children::after { color: #333; } .header-side-menu #main-navigation .main-nav > ul > li > ul > li > a { padding-right: 10px; } .header-side-menu #mobile-nav-button { background-color: transparent; padding: 0; line-height: 0; } .header-side-menu #mobile-nav-button::before { color: #ea1d63; font-size: 31px; } /************************************* footer ************************************/ #footer .scroll-top { bottom: 7%; position: fixed; right: 15px; text-align: center; z-index: 250; } #footer .scroll-top a { background: #3069c4 none repeat scroll 0 0; border-radius: 33px; box-sizing: border-box; color: #fff; display: inline-block; height: 35px; line-height: 33px !important; outline: medium none; text-align: center; width: 35px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #footer .scroll-top a:hover { color: #fff; border-color: #fff; background: #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .contentarea-menu-wrapper { border-bottom:1px solid #e2e2e2; margin-top:20px; padding-bottom:20px; } .midbar-bottom-menu, .midbar-bottom-menu ul { list-style-type:none; padding:0; margin:0; font-size:15px; } .midbar-bottom-menu li { display:inline-block; color:#242424; margin-left:35px; font-family: 'montserratmedium'; } .midbar-bottom-menu .widget-wrapper { padding:0; } .midbar-bottom-menu li:first-child { margin-left:0; } .midbar-bottom-menu li a { color:#242424; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; } .midbar-bottom-menu li.current-menu-item a, .midbar-bottom-menu li.current-page-ancestor:last-child > a, .midbar-bottom-menu li a:hover { color:#3069c4; } @media(min-width:980px) { /***************** Side Menu *****************/ #main-navigation .nav-main { margin-left:-20px; margin-right:-20px; } .header-side-menu #main-navigation .main-nav > ul > li > a, .header-side-menu #main-navigation .main-nav > ul > li > a:focus { color: #242424; font-size: 15px; font-family: 'montserratmedium'; padding: 22px 20px; margin: 0; line-height: normal; position:relative; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .header-side-menu #main-navigation .right-nav .main-nav > ul > li > a{ font-size: 14px; font-family: 'montserratregular'; } .header-side-menu #main-navigation .main-nav > ul > li > a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: -1px; left: 0; right: 0; background: #3069c4; -webkit-transform: scaleX(2); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width:0; } .header-side-menu #main-navigation .main-nav > ul > li:hover > a:before{ -webkit-transform: scaleX(1); transform: scaleX(1); width:100%; } .header-nav-row { padding: 11px 0; } .main-nav .sub-menu > li:before { content: ""; position: absolute; z-index: -1; top: auto; bottom: 0; left: 0; right: auto; height:1px; background: #3069c4; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index:1; opacity:0.5; } .main-nav .sub-menu > li:hover:before, .sub-menu > li.current_page_item:before { -webkit-transform: scaleX(1); transform: scaleX(1); right:0 } .main-nav .sub-menu > li.current_page_item { color:#3069c4; } .header-side-menu #main-navigation .main-nav > ul > li > ul > li > a { position:relative; z-index:2; } .header-side-menu #main-navigation .main-nav > ul > li > ul > li:hover a, .header-side-menu #main-navigation .main-nav > ul > li > ul > li.current_page_item > a, .header-side-menu #main-navigation .main-nav > ul > li > ul > li.current-menu-item > a, .header-side-menu #main-navigation .main-nav > ul > li > ul > li.current-page-ancestor > a { color:#3069c4; } .header-side-menu #main-navigation .main-nav > ul > li:hover > a { color:#242424; } .header-side-menu #main-navigation .main-nav > ul > li > a:hover, .header-side-menu #main-navigation .main-nav > ul > li:hover > a, .header-side-menu #main-navigation .main-nav > ul > li:hover > a:hover { color: #ffffff; } .header-side-menu #main-navigation .main-nav > ul > li > ul { padding-top: 1px; } .main-nav-wrapper { border-top:2px solid #ececec; } .windows-safari .header-side-menu #main-navigation .main-nav > ul > li > ul { padding-top: 0px;} /*CROME AND SAFARI */ @media screen and (-webkit-min-device-pixel-ratio:0) { .newsletter-section input[type="text"] { line-height: 35px; } } .header-side-menu #main-navigation .main-nav ul > li ul li { border: none; border-top: none; padding: 0px 0px; background-color:#ffffff; } .header-side-menu #main-navigation .main-nav ul > li ul li { border: 1px solid #EEE; border-top:0px; } .header-side-menu #main-navigation .main-nav ul > li ul li a{ padding:13px 17px 14px 17px; } .header-side-menu #main-navigation .main-nav > ul > li > ul > li > a, .header-side-menu #main-navigation .main-nav > ul > li > ul > li > ul > li > a { font-family: Montserrat; font-size: 14px; line-height: 2.22; color: #242424; font-family: 'montserratmedium'; } .header-side-menu #main-navigation .main-nav > ul > li > ul > li > a:hover, .header-side-menu #main-navigation .main-nav > ul > li > ul > li > ul > li > a:hover { text-decoration:none; } .header-side-menu #main-navigation ul li.current-menu-item a, #main-navigation .main-nav ul li ul li.current-menu-item a{ color:#000; } .header-side-menu #main-navigation .main-nav > ul > li.desktop-hide{ display:none; } .header-side-menu #main-navigation .main-nav > ul > li.last { margin-right: 0px; } } /** New Style **/ .social-media .social-section{ padding:50px 0 30px 0; } .social-title { font-family: 'montserratregular'; font-size: 18px; line-height: 1.78; letter-spacing: 1px; color: #000000; margin-bottom:20px; position:relative; } .social-title a{color:#000000;} .social-title a:hover{color:#3069c4;} .social-title::before{ content:""; background:url(../images/social-twitter.png) no-repeat; width:19px; height:15px; display:inline-block; vertical-align:middle; margin-right: 10px; } .social-title.insta::before{ background:url(../images/social-instagram.png) no-repeat; } .outer-container.white-bg{ background:#fff; } .breadcrumb-list .chevron{ padding:0 2px; } .member-title-sec .title{ font-family: 'montserratsemi_bold'; font-size:17px; line-height:20px; margin:0px; } .member-title-sec .title a{ color:#000; } .member-title-sec .title a:hover{ color:#3069c4; } .member-title-sec .postion{ font-family: 'montserratlight'; font-size:15px; line-height: 1.46; color: #000; margin-bottom:1px; } .member-title-sec .email a{ font-family: 'montserratlight'; font-size:15px; line-height: 1.46; color: #3069c4; } .member-title-sec .email a:hover{color:#000000;} .member-title-sec .cmpny-nme{ font-family: 'montserratlight'; font-size:15px; line-height: 1.46; color: #777; } .inner-member .desc { font-family: 'montserratlight'; font-size: 13px; font-weight: 300; line-height: 1.46; color: #242424; } .inner-member .member-text{ padding:15px; } .inner-member .read-more{ text-align:right; margin-top:5px; } .inner-member{ text-align:center; margin-top:42px; } .event-member-wrap .inner-member{ margin-top:35px; } .member-outer .inner-member .member-image{ width:172px; height:172px; margin-left:auto; margin-right:auto; border-radius:100%; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; overflow:hidden; } .single-member .breadcrumb-list { margin-bottom:20px; } .member-title-sec .title { font-size: 18px; line-height: 24px; color:#000; } .single-member .member-title-sec .postion{ font-size: 15px; line-height: 21px; margin-bottom:15px; } .single-member .description{ font-family: 'montserratlight'; font-size: 13px; font-weight: 300; line-height: 20px; color: #000; } .scroll-desc { height:290px !important; padding-right:20px !important; } .scroll-desc .jspVerticalBar { width: 1px; background: #b6b6b6; right: 3px; z-index: 222; } .jspTrack { background: transparent !important; left: -3px; } .jspDrag { width: 6px; left: -3px; right: 0px; background: #12a3c6 !important; border-radius: 5px; } .no-result{ font-family: 'montserratlight'; font-size: 14px; line-height: 1.57; color: #000; font-weight:normal; } .partners-list .partner-name { font-family: 'montserratregular'; font-size: 16px; line-height: 18px; color: #242424; text-align:center; min-height:40px; margin-bottom:14px; } .all-partners .partners-list .partner-name { min-height:10px; margin-bottom:0px; } .all-partners .partners-list .partner-inner{ text-align:center; } .all-partners{ padding-bottom:30px; } .sponsorship-level{ font-size: 14px; line-height: 20px; color: #000000; font-family: 'montserratlight'; padding:0 5px; margin-top:5px; } .partners-list .partner-name a{ color: #242424; } .partners-list .partner-name a:hover{ color: #12a3c6; } .partners-list .partner-inner .equal-logos.partner-image{ width:100%; display:table; border:1px solid rgba(0,0,0,0.1); padding:10px 5px } .partners-list .partner-inner .equal-logos.partner-image:hover{ border:1px solid #76adde; } .partners-list .partner-inner .equal-logos.partner-image img{ padding:0 5px; } .partners-list .equal-logos.partner-image > a{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; } .partners-list.grid-layout .partners-eq{ margin-bottom:30px; } .partners-list .partners-eq{ margin-bottom:20px; } .partners-list .partner-image a{ width:100%; height:100%; max-height:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative; } .partners-list.about-partner .partner-image a{ width: 100%; height: 100%; max-height:100%; } .job_listings{ margin-top:30px; } .partners-list.about-partner{ padding-top:20px; } .parent-logo{ display: block; text-align: center; margin:10px 0; } .partners-list.about-partner .partner-inner{ width:100%; height:100%; display:table; box-sizing:border-box; padding:5px; margin:0px; } .partners-list.about-partner .partner-inner .partner-image{ width:100%; display:table-cell; vertical-align:middle; text-align:center; } .partners-list.about-partner .partner-image a img { position:relative; width:auto; } .partners-list .partner-image a img { display: inline-block; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .partners-list .partner-image{ text-align:center; margin-bottom:12px; } .partners-list.about-partner .partner-image{ margin-bottom:0px; } .partners-list{margin-top:0;} .partners-list .partner-inner { margin-top:25px; } .post-type-archive .section-title{ margin-bottom:55px; } .post-type-archive .section-title.archive-extra{ margin-bottom:30px; } .archive-top-content{ margin-bottom:40px; font-size: 15px; line-height: 1.73; color: #000000; font-family: 'montserratlight'; } .partners-list .partner-inner .partner-image{ display:block; } .social-media .social-section .ctf-item { font-family: 'montserratlight'; font-size: 14px; line-height: 1.57; text-align: left; color: #6d6d6d; font-weight:normal !important; } .social-media #ctf .ctf-author-name{ color:#06c6e0 !important; font-weight:normal !important; } .social-media .ctf-item a{ color:#06c6e0 !important; font-weight:normal !important; } .social-media #ctf .ctf-item{ border-top:none !important; padding-top:0px !important; } .page-title{ margin: 0px; font-size: 26px; line-height: 1.33; font-family: 'montserratmedium'; color: #000; } .page-header { margin: 0px 0 20px; border-bottom: none; padding:0px; } .search .post-title{ margin: 0px; font-size: 20px; line-height: 1.33; font-family: 'montserratmedium'; color: #000; } .search .post-title a{ color:#000; } .search .post-title a:hover{ color:#3069c4; } .search .entry-header { margin-bottom: 10px; } .search .post-typ1{ padding-bottom:15px; border-bottom: 1px solid #f2f2f2; margin-bottom: 15px; } /** Hover Effect **/ /* Shine */ .hover-image{ position: relative; display:block; overflow:hidden; } .hover-image img{ border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; } .award-winnner .hover-image img{ margin:0 auto; } .hover-image::before { position: absolute; top: 0; left: -75%; z-index: 2; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover-image:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } .right-ctnt { float:right; } .telwrap, .wpml-ls, .top-right-widget-wrapper .social-section { float:left; } .top-tel.fa-phone { color:#929292; width:20px; height:16px; display:inline-block; font-size:18px; margin-top: 0px; } .top-tel.fa-phone:before { display: block; } .header-wrapper { background-color: #ffffff; z-index: 9999; position: relative; } .header-wrapper.scrolling { top:-10px; height:0; overflow:hidden; opacity:0.1; } .header-wrapper.nav-up { transform: translate(0px, -180px); -webkit-transform: translate(0px, -180px); -moz-transform: translate(0px, -180px); -o-transform: translate(0px, -180px); -ms-transform: translate(0px, -180px); opacity:1; } .header-wrapper { width:100%; z-index:992; transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; border-bottom:1px solid #d9d9d9; } .home .header-wrapper { border-bottom:3px solid #3069c4; } /******************************** Side Overlay Navigation ********************************/ .side-overlay-navigation #site-branding { text-align: center; } #mapdiv { background: #ffffff !important; } /** * Body Overlay */ body #load { display: block; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 9901; opacity: 1; background: #FFF; visibility: visible; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } body #load.loader-removed { opacity: 0; visibility: hidden; } .spinner-loader .load-wrap { background-image: url("data:image/svg+xml,%3Csvg width='75px' height='75px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-default'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(0 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(30 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.08333333333333333s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(60 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.16666666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(90 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.25s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(120 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.3333333333333333s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(150 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.4166666666666667s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(180 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(210 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.5833333333333334s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(240 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.6666666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(270 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.75s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(300 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.8333333333333334s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%233069c4' transform='rotate(330 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.9166666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E"); width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; text-align: center; } /*** NEW CSS ***/ .header-secound-menu{ display:inline-block; } .header-secound-menu ul{ list-style-type:none; margin:0px; padding:0px; } .header-secound-menu ul li{ display:inline-block; margin-left:50px; } .header-secound-menu ul li:first-child{ margin-left: 0; } .blog-link a { color: #bc263d; } .partner-link a { color: #12a3c6; } .header-secound-menu ul li a{ display:block; font-size: 15px; font-family: 'montserratmedium'; text-transform:uppercase; } .social-section ul{ padding:0px; margin:0px; list-style-type:none; } .social-section ul li{ display:inline-block; margin:0 17px; line-height:1px; } .social-section ul li:first-child{ margin-left:0px; } .social-section ul li:last-child{ margin-right:0px; } .social-section ul li a{ color:#929292; font-size:17px; line-height: 15px; vertical-align:top; } .social-section ul li a:hover{ color:#000; } .address-sec .logo-icon{ margin-bottom:15px; } .address-sec a{text-decoration:underline;} .address-sec a:hover{text-decoration:none!important;} .address-sec .phone p{ margin-bottom:2px; } /*our-programmes*/ .our-programmes{ padding-top: 68px; padding-bottom: 75px; } .our-programmes .pro-outer{ padding: 5px 20px 5px 15px; border-right: 1px solid rgba(255,255,255,0.2); margin-bottom: 10px; } .our-programmes .col-cell:last-child .pro-outer{ border:0; } .our-programmes .outer-container{ padding-left: 15px; padding-right: 15px; } .our-programmes .pro-outer .title{ margin: 0; } .our-programmes .pro-outer .title a{ font-size: 24px; line-height: 1.33; font-family: 'montserratmedium'; color: #fff; display: block; margin-bottom: 12px; } .our-programmes .pro-outer .title a:hover{ color: #999; } .our-programmes .pro-outer .desc{ font-size: 13px; color: #fff; line-height: 1.46; font-family: 'montserratlight'; padding-bottom: 25px; } .our-programmes .pro-outer .read-more a{ font-size: 12px; text-transform: uppercase; text-decoration: none; line-height: 2.5; letter-spacing: 1px; opacity: 0.6; color: #ffffff; } .our-programmes .pro-outer .read-more a:hover{ color: #ffffff; text-decoration:underline; } .our-programmes .header-typ4{ margin-bottom: 30px; } /*Archive Page*/ .post-type1 { background-color: #fff; padding: 0px !important; border: none !important; margin-bottom: 30px; } .post-type1 .post-inner { border: 1px solid #ebebeb; } .post-type1 .image { background-color: #CCC; } .post-type1 .post-info { background-color: #FFF; padding: 25px 0 0 0; } .post-type1 .post-info-inner { padding-bottom: 10px; min-height: 118px; } .post-type1 .title, .post-type1 .body-text, .post-type1 .post-meta { padding: 0 25px; } .post-type1 .title{ margin-bottom: 13px; } .post-type1 .header-typ3 { text-transform: uppercase; font-family: 'montserratregular'; } .post-type1 .header-typ3:hover, .post-type1 .header-typ3:focus{ color: #3069C4; } .post-type1 .body-text { margin-bottom: 0px; font-family: 'montserratlight'; } .post-type1 .post-meta { border-top: 1px solid #ebebeb; padding-top: 25px; padding-bottom: 20px; margin-bottom: 0 !important; } .post-type1 .subtle-details { text-transform: capitalize; } .post-type1 .post-author img { display: inline-block; } .post-type1 .post-date { text-align: right; } .post-type1 .post-author img { margin-right: 5px; } .white-b{ background-color: #fff; } .programmes-listing .pro-link{ text-align: right; } .programmes-listing .pro-link a{ color: #000; } .programmes-listing .pro-link a:hover{ color: #3069c4; } .programmes-listing .subtle-details{ color: #000000; } .programmes-detail .detail-date{ margin-bottom: 50px; } .home-blog-col .text-outer-sec { background-color:transparent; padding:90px 40px; box-sizing:border-box; position:relative; z-index:9; } .home-blog-row { display:table; margin-left:-15px; margin-right:-15px; } .home-blog-row .home-blog-col { position:relative; display:table-cell; width:33.3333%; color:#ffffff; } .home-blog-row .home-blog-col a h2{ color:#ffffff; min-height:57px;} .home-blog-row .home-blog-col a h2:hover{ opacity:0.7; } .home-blog-row .home-blog-col:nth-child(3n-1), .home-blog-row .home-blog-col:nth-child(3n-1) a h2 { color:#000000; } .home-blog-row .home-blog-col .read-more a { color:#ffffff; text-transform:uppercase; letter-spacing:1px; font-size:12px; font-family: 'montserratmedium'; } .home-blog-row .home-blog-col .read-more a:hover { text-decoration:underline; } .home-blog-row .home-blog-col:nth-child(3n-1) .read-more a { color:#000000; } .bg-section .desc { margin-bottom:25px; } .home-blog-row .home-blog-col:nth-child(3n-1) .section-title { color:#000000; } .bg-section .section-title{ opacity: 0.4; font-family: 'montserratbold'; font-size: 12px; line-height: 2.5; letter-spacing: 1px; color: #ffffff; margin:0px; margin-bottom:0px; text-transform:uppercase; text-align:left; } .bg-section.news .section-title { color:#000000; } .home-blog-row .home-blog-col:before { content:""; position:absolute; left:15px; right:15px; top:0; bottom:0; background-color:#3069c4; } .title-sec { font-size:24px; line-height:1.2; font-family: 'montserratmedium'; } .home-blog-row .home-blog-col:nth-child(3n):before { background-color:#db99ad; } .home-blog-row .home-blog-col:nth-child(3n-1):before { background-color:#ffffff; border:1px solid #D3D3D3; } .home-blog-row .home-blog-col:nth-child(3n-2):before { background-color:#3069c4; } /*#main-wrapper { padding-top:170px; }*/ .slider-ctnt-wrap { position:absolute; left:15px; right:15px; overflow:hidden; bottom: 80px; color:#ffffff; padding-left:4px; padding-bottom:4px; max-width:545px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); } .party-slider-hd { font-size:40px; font-family: 'montserratmedium'; line-height:0.8; margin-bottom:25px; } .party-slider .ctnt { font-size:15px; line-height:1.27; color:#ffffff; margin-bottom:25px; } /* Outline Out */ .slider-btn { background-color:#db99ad; font-family: 'montserratregular'; color:#ffffff; padding:16px 20px; display: inline-block; font-size:12px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; text-shadow:none; letter-spacing:1px; } .slider-btn:before { content: ''; position: absolute; border: #db99ad solid 2px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .slider-btn:hover:before{ top: -4px; right: -4px; bottom: -4px; left: -4px; } .slider-btn:hover, .slider-btn:focus { color:#ffffff; } .guideline-timeline-slider .slick-dots{ margin-bottom:0px; } .slick-dots { list-style-type:none; padding:0; text-align:center; } .slick-dots li { display:inline-block; margin:0 3px; line-height:normal;} .slick-dots button { background-color:transparent; width:11px; height:11px; border-radius:50%; text-indent:-9999px; padding:0; border:1px solid #ffffff; webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); } .slick-dots li.slick-active button, .slick-dots li:hover button { border-color:#377ce8; background-color:#377ce8; } .slick-dots { position:absolute; bottom:10px; left:25%; right:25%; } .sponsors-slider .slick-dots{ position: static; margin-top: 20px; } .sponsors-slider img{ display: block; margin: 0 auto; max-width: 100%; max-height: 100%; } .party-slider-wrapper .container {position:relative; } .cms-ctnt { } .cms-ctnt p { font-size:15px; line-height:1.75; font-family: 'montserratlight'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fortheart-ctnt p { max-width: 100%; margin-bottom:30px; margin-left:auto; margin-right:auto; } .fortheart-ctnt p:last-child { margin-bottom:0; } .btn-wrap { margin-bottom:30px; } .img-wrap { margin-bottom:55px; } .map-title-list { list-style-type:none; padding:0; margin:0; } .map-title-list li a{ color:#242424; font-family: 'montserratmedium'; display:block; font-size:14px; } .sidebar-menu .widget-title { display:none; } .map-title-list li a.active { color:#3069c4; } .our-mission .section-title, .our-region .section-title{ text-align:left;} .our-mission .section-title{ margin-bottom:20px; } .our-mission p, .our-region p{ font-size:15px; color:#000000; line-height:1.73; } .our-region { background-color:#fafafa; } .mapimg { min-height:200px; text-align:center; width:100%; background:url(../images/ajax-loader.gif) center center no-repeat; } .mapimg img { background-color:#fafafa; } .our-vision-ctnt { max-width:100%; margin-left:auto; margin-right:auto; text-align:left; margin-bottom:40px; } .mar-t0{ margin-top:0px !important; } .our-vision-ctnt p { font-family: 'montserratregular'; font-size:20px; color:#b4b4b4; line-height:32px; letter-spacing:0; } .our-region .ourregion-ctnt{ padding:70px 0 30px 0; } .region-pg .our-region .ourregion-ctnt{ padding:30px 0 30px 0; } .our-region .map-title-list{ margin-top:50px; } .our-region .map-title-list li{ width:50%; float:left; margin-bottom:4px; } .guideline-timeline-slider { margin-bottom:30px; background-color:#000000; } .file-detail .title { font-size:20px; line-height:1.6; color:#3069c4; font-family: 'montserratmedium'; } .fillenmae { font-size:15px; line-height:1.73; font-family: 'montserratmedium'; } .file-size { font-size:13px; color:#808080; line-height:2; font-family: 'montserratmedium'; } .download-row .btn-wrap { text-align:right; margin-top:20px; margin-bottom:0; } .download-row { border-bottom:1px solid #ebebeb; padding:20px 0; } .download-row:first-child { border-top:1px solid #ebebeb; } .download-row-wrap { margin-bottom:30px; } .impact-wrap .container{ width:100%; padding:0; } .title.impacttitle { margin-top: 0; font-size: 30px; line-height: 1.07; text-align: left; color: #000000; margin-bottom: 30px; font-family: 'montserratmedium'; } .impact-wrap { margin-bottom:30px; } .impact-wrap .section-title{ /*display:none;*/ } .impact-wrap .ourregion-ctnt { padding-top:0; } .impact-wrap .our-region { background-color:#ffffff; } .impact-wrap .mapimg img { background-color:#ffffff; } .name { font-family: 'montserratmedium'; font-size:16px; } .sectionwrap .thumb-img { margin-bottom:15px; } .sectionwrap .content { font-size:13px; margin-bottom:10px; } .ticket-btn-wrap { margin-top:30px; } .sectionwrap .ticket-content { max-width:800px; margin-left:auto; margin-right:auto; } .sectionwrap { text-align:center; margin-bottom:25px; } .sectionwrap .iconlink { width:50px; height:50px; display:inline-block; background-color:#12a3c6; border-radius:50%; font-size: 20px; line-height: 50px; color: #fff; } .sectionwrap .iconlink:hover { background-color: #3069c4; } .midbar-cntnt .big-text { font-size:44px; font-family: 'montserratmedium'; line-height:1.14; color:#ffffff; } .midbar-cntnt .small-text { font-size:14px; color:#ffffff; font-family: 'montserratregular'; line-height:1.57; display:block; margin-bottom:8px; } .menu-icon.inner { display:none; } .bg-content .btn-typ1{ font-size: 12px; margin-top: 36px; padding: 15px 36px; letter-spacing: 1px; } .two-col-row:last-child { margin-bottom:0; } .two-col-row { display:table; border-bottom:1px solid #e2e2e2; margin-bottom:50px; padding-bottom:50px; width:100%;} .two-col-row .text-outer-sec{display:table;} .two-col-row .left-side-area, .two-col-row .right-side-area { display:table-cell; } .two-col-row .left-side-area { width:35%; } .two-col-row .right-side-area { width:65%; padding-left:25px; vertical-align:middle; } .two-col-row .title { font-size:20px; font-family: 'montserratmedium'; margin-bottom:15px; margin-top:0; } .two-col-row .contents { font-size:15px; font-family: 'montserratlight'; margin-bottom:20px; line-height:1.6; } .two-col-row .button-wrap a { margin-left:20px; display:inline-block; text-transform:uppercase; } .two-col-row .button-wrap a:first-child { margin-left:0; } .program-wrap .sectionwrap .thumb-img{ border-radius: 50%; overflow: hidden; width: 200px; height: 200px; margin-left: auto; margin-right: auto; } .program-wrap .sectionwrap .thumb-img img{ width:auto; height:100%; max-width:none; } .image-col .popup, .video-col .popup { position:relative; display:block; } .image-col .popup:before, .video-col .popup:before { content:""; position:absolute; z-index:8; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; } .video-col .popup:after { content:""; position:absolute; left:45%; top:42%; width: 0; height: 0; border-style: solid; border-width: 23px 0 23px 33px; border-color: transparent transparent transparent #ffffff; z-index:9; } .image-col .popup:hover:before, .video-col .popup:hover:before { left:50%; right:50%; top:50%; bottom:50%; } .mfp-bg { z-index:999999; } .mfp-wrap { z-index:9999999; } .post-type2 { padding: 0px; margin-bottom: 30px; } .post-type2 .post-info { position: relative; box-sizing: border-box; } .video-col .post-type2 .post-info{ min-height:75px; } .post-type2 .header-typ6{ margin-bottom: 5px; } .post-type2 .title{ font-size: 18px; color:#000000; line-height: 1.44; font-family: 'montserratmedium'; } .post-type2.award-winnner .title { margin-bottom:7px; text-transform: uppercase; } .post-type2 .awrad-name { font-family: 'montserratmedium'; font-size: 14px; margin-bottom:0px; } .post-type2 .desig { font-family: 'montserratlight'; font-size: 14px; } .post-type2 .post-user-name { text-transform: capitalize; } .post-type2 .image { margin-bottom: 15px; } .post-type2 .post-avatar img { max-width: inherit; border-radius: 50%; -webkit-border-radius: 50%; height: 54px; width: 54px; } .post-type2 .up-arrow { width: 15.7px; height: 15.7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #f5f5f5; position: absolute; top: -7.5px; left: 30px; } .sub-name { font-family: 'montserratlight'; font-size:12px; line-height:18px; } .award-winnner .post-info { text-align:center; } .award-winnner .cat-name{ padding: 0; margin: 0 !important; border: 0px; } .recipient-single-post{ margin-bottom: 50px; } .single-current_recipients .media .media-left{ padding-right: 40px; } .single-current_recipients .media .image{ border-radius: 50%; -webkit-overflow: hidden; overflow: hidden; display: inline-block; } .single-current_recipients .media img{ max-width: initial; } .event-region-wrap{margin-top:67px; margin-bottom:114px;} .event-list { max-width:100%; margin-left:auto; margin-right:auto; padding:0; margin-bottom:0px; } .event-list .event-link-region{ color:#000; } .event-list .event-link-region:hover{ color:#3069c4; } .event-region-wrap .event-list:first-child li{ border-top:1px solid #d9d9d9; } .event-list li{ display:table; width:100%; padding:13px 0; border-bottom:1px solid #d9d9d9; } .eventlabel { font-family: 'montserratmedium'; font-size:17px; line-height:1.88; color:#000000; text-align:left; } .region-workshop { margin-bottom: 50px; } .region-workshop .region-workshop-desc{ text-align:left; max-width:100%; margin-left:auto; margin-right:auto; margin-bottom:30px; width:100%; margin:0 auto; } .event-list .eventcol { display:table-cell; width:250px; padding-right:10px} .event-list .eventcol:first-child { display:table-cell; width:267px; padding-right:10px;} .eventcol.arrow-wrap { text-align:right; width:50px;} .eventcol.arrow-wrap a{ display:inline-block; width:30px; height:30px; transition:All 1s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; background:url(../images/right-arrow.svg) no-repeat 6px 6px; } .eventcol.arrow-wrap a:hover{ background-position:10px 6px; } .event-member-wrap .hover-image img { margin-left:auto; margin-right:auto; } .event-member-wrap a{color:#000000;} .event-member-wrap a:hover{color:#3069c3;} .event-member-wrap .inner-member .member-text {padding:15px 0;} .event-member-wrap .content { font-size:17px; font-family: 'montserratmedium'; line-height:1.4; } .cat-name { font-family: 'montserratmedium'; font-size:12px; } .single .cat-name { font-size:15px; margin-bottom:10px; } .single .awrad-name { font-family: 'montserratmedium'; font-size: 16px; margin-bottom:0px; } .single .desig { font-family: 'montserratmedium'; font-size: 14px; margin-bottom:15px; } .sponsors-slider.slick-slider .slick-track{ margin:0 auto !important; } .greybg {background:#fafafa;text-align:center; margin-bottom:-15px; padding-top:40px; padding-bottom:57px;} .sponser-row {text-align:center; max-width:340px; display:inline-block; padding:0 40px;} .short-title{ font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: normal; text-align: center; color: #000000; font-family: 'montserratmedium'; margin-bottom:22px; } .eventyp-event { background: #3069c4 !important; } .eventyp-workshop { background: #ffaa00 ; } .fc-state-default { border: 1px solid; background-color: #3069c4!important; background-image: -moz-linear-gradient(top,#3069c4,#3069c4)!important; background-image: -webkit-gradient(linear,0 0,0 100%,from(#3069c4),to(#3069c4))!important; background-image: -webkit-linear-gradient(top,#3069c4,#3069c4)!important; background-image: -o-linear-gradient(top,#3069c4,#3069c4)!important; background-image: linear-gradient(to bottom,#3069c4,#3069c4)!important; background-repeat: repeat-x; border-color: #2253a2 #2253a2 #2253a2!important; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); } .fc th { padding: 5px!important; } .fc button .fc-icon { color:#ffffff!important; } .fc-day-grid-event .fc-content { padding: 3px; } .legend li, .legend {list-style-type:none; padding:0; margin:0;} .legend {margin-top:15px; overflow:hidden; border-top:1px solid #dddddd; padding-top:15px;} .legend span { float: left; display: block; margin-right: 10px; width: 25px; height: 25px; margin-top:-3px; } .legend li { margin: 0 10px 10px 0; float: left; font-size: 14px; font-family: 'montserratmedium'; line-height: 18px; } .sidebar-menu .menu-open{ display:none; } .footer-newsletter .newsletter-text{margin-bottom:15px;} @media(min-width:1200px) { header .header-search .searchform .search-field { line-height:35px; } .impact-wrap .col-lg-4 { width:55%; } .impact-wrap .col-lg-8 { width:45%; } .newsletter-area .ft-newsletter-btn{ text-align:center; } .footer-newsletter .newsletter-section { padding: 0 34px; } .artvest-region-template .img-wrap{ padding-left:70px; } .artvest-region-template .img-wrap.mapimg{ padding-left:30px; padding-top:170px; } .national-results-page .img-wrap.mapimg{ margin-top:220px; } } @media(max-width:1199px) { .header-side-menu #main-navigation .main-nav > ul > li { margin: 0 7px; } .header-side-menu #main-navigation .main-nav > ul > li.menu-item-has-children > a::after { margin-left: 4px; } #main-navigation .main-nav ul li > ul { min-width: 140px; } /* Main Menu */ #search-open { margin-left: 8px; } .search-wrap {padding-top:10px;} .event-row .body-text { max-width:none; margin-top: 20px; } .home-blog-col .text-outer-sec { padding:25px 40px; } .ourregion-ctnt { padding-top:20px; } .guideline-timeline-slider .slick-dots{margin:0; padding:0; bottom:0;} .map-title-list { float: none; width: auto; } .map-title-list li{ float:left; width:50%; } #footer .scroll-top{ bottom:3%; } .canadian_videos .post-type2 { min-height: 270px; } .post-type2 .title{ font-size:16px; } .bg-content .btn-typ1{ margin-top:15px; } .bg-content .midbar-cntnt p{ margin-bottom:0px; } .top-tel.fa-phone { margin-top:2px; } } /************************ Overlay Menu *************************/ @media(min-width:980px) { #trigger-overlay { display: none; } .overlay-close { display: none; } } @media(max-width:1023px) { .two-col-row .left-side-area{ width:30%; } .two-col-row .right-side-area{ width:70%; } .two-col-row .button-wrap a{ margin-left:10px; } .top-tel.fa-phone { margin-top:2px; } .header-secound-menu ul li a{ font-size:13px; } } @media(max-width:979px) { .our-mission p, .our-region p{ font-size:15px; } /* Overlay style */ #logo a{ font-size:21px; } .menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); } #trigger-overlay { padding: 0; background: none; border: none; box-shadow: none; font-size: 31px; } /* Overlay closing cross */ .menu-overlay .overlay-close { width: 25px; height: 25px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: transparent; text-indent: 200%; color: transparent; outline: none; z-index: 100; } /* Menu style */ .menu-overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .menu-overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .menu-overlay ul li { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-overlay ul li a { font-size: 54px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; } .menu-overlay ul li a:hover, .menu-overlay ul li a:focus { color: #f0f0f0; } .midbar-bottom-menu li{ margin-left:20px; } /* Effects */ .overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; } .overlay-scale.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; z-index: 999; } .header-side-menu #main-navigation .menu-overlay .main-nav > ul { display: block; position: relative; right: auto; top: auto; border: none; box-shadow: none; background-color: transparent; margin-top: 120px; } .header-side-menu #main-navigation .menu-overlay ul li { border-top: none; text-align: center; } .header-side-menu #main-navigation .menu-overlay .main-nav ul li a { font-size: 22px; text-transform: uppercase; font-weight: bold; } .post1 .hd-typ1 { font-size: 35px; } .header-side-menu #mobile-nav-button { position:absolute; top:-33px; right:0; } .right-ctnt { padding-right:50px; } .header-search { top:-1px; } .search-wrap { margin-right:15px; } /*.header-wrapper { height:90px; }*/ /*#main-wrapper { padding-top:90px; }*/ #secondary-header { padding-top: 10px; } .logo-sideheader #secondary-header { margin-top: 8px; } .header-side-menu #main-navigation .nav-main { max-height:0; position: absolute; right: 0; left:auto; top: 100%; margin-top:12px; padding: 0; background-color: #FFF; z-index: 9999; /*min-width: 280px;*/ width: 280px; border-top: 0px solid #3069c4; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); overflow:hidden; transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; } .header-side-menu #main-navigation .nav-main:after { content:""; position:absolute; left:0; top:0; right:0; height:3px; background-color:#3069c4; z-index:9099; } .header-side-menu #main-navigation.menu-open .nav-main { max-height:1000px; } .header-side-menu #main-navigation #main-navigation .nav-main { top: 42px; } .header-side-menu #main-menu-container { margin-top: 0; } .header-side-menu #main-navigation .main-nav ul li a { color: #242424; padding: 8px 15px; font-size: 13px; font-family: 'montserratlight'; } .header-side-menu #main-navigation .main-nav ul.sub-menu li a { text-transform: none; } .header-side-menu #main-navigation .main-nav ul li a:hover, .header-side-menu #main-navigation ul li.current-menu-item > a, .header-side-menu #main-navigation ul li.current-menu-parent > a, .header-side-menu #main-navigation ul li.current-page-ancestor > a { color: #3069c4; } .header-side-menu #main-navigation ul li { border-top: 1px solid #eee; } .header-side-menu #main-navigation .main-nav .menu li .menu_arrow::after { color: #555; } .header-side-menu #main-navigation .main-nav li.menu-item-has-children > ul { background-color: rgba(0, 0, 0, 0.03); } /* WPML */ .wpml-ls-legacy-dropdown { margin-left: 12px; } .home-blog-col .text-outer-sec { padding:20px 40px; } .title-sec { font-size:17px; margin:0; margin-bottom:10px; } .bg-section .desc { margin-bottom:10px; } .social-media .social-section { padding:30px 0 30px 0; } .slider-text .slider-title { font-size:32px; } .midbar-cntnt .big-text { font-size:30px; } .two-col-row { display:table; text-align:center; margin-bottom:20px; padding-bottom:20px;} .our-mission .img-wrap{ margin-top:20px; } .two-col-row .inner-text-area{ text-align:left; } .party-slider .slick-slide { background:rgba(0,0,0,0.4); } .party-slider .slick-slide img{ position:relative; z-index:-1; } } @media (min-width: 768px) and (max-width: 979px) { .site-footer .col-md-8.col-sm-8{ width:60%; } .site-footer .col-md-4.col-sm-4{ width:40%; } .slider-ctnt-wrap { max-width: 415px; } .party-slider .slider-ctnt-wrap .ctnt { font-size: 12px; } .footer-newsletter .newsletter-section input[type="email"] { padding-left:0!important; } } @media(min-width:768px) { .sidebar-menu div > ul{ display:block !important; } } @media(max-width:767px) { .two-col-row .inner-text-area{ text-align:center; } .img-wrap{text-align:center;} .our-vision-ctnt{margin-bottom:21px;} .our-region{margin-top:5px;} .post1 .hd-typ1 { font-size: 30px; } .post-type1 .post-inner .image a img{ width:100%; } .post-type1 .title, .post-type1 .body-text, .post-type1 .post-meta{ padding:0px 10px; } .post-type1 .post-meta{ padding:10px; } .header-search { top:-1px; } /*#main-wrapper { padding-top:90px; } .header-wrapper { height:90px; }*/ .top-right-widget-wrapper .pull-right { /* float:none !important; */ } .header-wrapper.nav-up { transform: translate(0px, -45px); -webkit-transform: translate(0px, -45px); -moz-transform: translate(0px, -45px); -o-transform: translate(0px, -45px); -ms-transform: translate(0px, -45px); opacity:1; } .home-blog-row .home-blog-col { display:block; width:100%; margin-bottom:30px; } .search-wrap { margin-right:10px; } .header-side-menu #mobile-nav-button { top:-30px; } .top-right-widget-wrapper .social-section { margin-left:0; } .top-left-widget .telwrap,.top-right-widget .telwrap, .social-section ul li { margin-left:20px; margin-left:20px; margin-right:0; padding:0; } .top-right-widget-wrapper { text-align: right; margin-bottom: 0px; } .top-left-widget ul.menu, .top-right-widget { text-align: center; margin-bottom:0px; } .header-side-menu #main-navigation .main-nav > ul { top: 42px; } .header-search { top: -1px; right: -5px; left:auto; margin-right:0px; } .header-side-menu #mobile-nav-button { position:absolute; } header .header-search .searchform .search-field { width: 280px; max-width:100%; } #site-branding { padding-left:15px; padding-right:15px; } .header-search { max-width:220px; } header .header-search .searchform .search-field { height:30px; } .searchform .search-icon { padding:6px; } .site-header .col-sm-12 { position:static; } .header-side-menu #main-navigation .nav-main { right: 0px; margin-top:12px; } .slider-ctnt-wrap { bottom:15px; padding:10px; } .slider-btn { padding:7px 10px; } .party-slider .ctnt {/* display:none; */ } .party-slider .slick-slide { background:rgba(0,0,0,0.4); } .party-slider .slick-slide img{ position:relative; z-index:-1; } .party-slider-hd { font-size:20px; } .contentarea-topmenu { position:absolute; right:-300px; width:100%; max-width:300px; background-color:#ffffff; border:1px solid #999; top:30px; padding:20px; z-index:999; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); } .menu-fot-the-art-top-menu-container { position:relative; } .contentarea-topmenu:before { content:"Menu"; color:#3069c3; width:40px; font-size:13px; height:20px; right:auto; position:absolute; cursor:pointer; right:100%; top:0px; margin-left:10px; display:block; } .contentarea-topmenu:after { content:""; width:20px; height:20px; right:auto; position:absolute; cursor:pointer; right:100%; top:30px; border:2px solid #3069c3; border-bottom:none; border-left:none; margin-left:10px; display:block; transform: rotate(225deg) ; -webkit-transform: rotate(225deg) ; -moz-transform: rotate(225deg) ; -o-transform: rotate(225deg) ; -ms-transform: rotate(225deg) ; } .contentarea-topmenu:after { } .contentarea-topmenu > li { margin-left:0; display:block; } .midbar-cntnt .big-text { font-size:16px; } .midbar-bottom-menu .widget-wrapper { text-align:center; } .midbar-bottom-menu li { display:block; margin-left:0; text-align:left; } .bg-content br { display:none; } .menu-icon.inner { display: block; background: #3069c4; color: #fff; padding: 10px 15px 8px 15px; position: relative; } /* .menu-icon.inner:after, .menu-icon.inner:before { position:absolute; content:""; width:100%; height:2px; background-color:#3069c4; left:0; } .menu-icon.inner:after { bottom:4px; } .menu-icon.inner:before { bottom:10px; } */ .midbar-bottom-menu.open .menu-wrap { border: 1px solid #3069c4; border-top: none; padding-bottom:13px; } .midbar-bottom-menu .menu-wrap { padding: 13px 20px 0px 15px; } .sidebar-menu .menu-open{ display:block; } .sidebar-menu .widget .menu-open { display: block; background: #3069c4; color: #fff; padding: 10px 15px 8px 15px; position: relative; } .menu-icon.inner:after { content: "\f0c9"; display: block; position: absolute; top: 7px; right: 15px; font-family: 'FontAwesome'; font-size:19px; } .sidebar-menu div > ul{ display:none; } .sidebar-menu .widget .widget-title + div > ul { border: 1px solid #3069c4; border-top: none; padding: 13px 20px 0px 15px; } .sidebar-menu .widget .menu-open:after { content: "\f107"; display: block; position: absolute; top: 9px; right: 15px; font-family: 'FontAwesome'; } .sidebar-menu .widget .menu-open.active:after { content: "\f106"; } .menu-wrap { display:none; } .sidebar-menu.open .menu-wrap{ display:block; padding-top:10px; } .fortheart-ctnt p { margin-bottom:15px; } .midbar-bottom-menu ul li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #efefef; } .midbar-bottom-menu ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none } .midbar-bottom-menu .menu-wrap { display:block; overflow:hidden; max-height:0px; transition:All 0.8s ease; -webkit-transition:All 0.8s ease; -moz-transition:All 0.8s ease; -o-transition:All 0.8s ease; } .midbar-bottom-menu.open .menu-wrap { display:block; max-height:400px; } .sidebar-menu li { padding:5px 0; } .sidebar-menu li a { font-size:14px; } .cms-ctnt p { font-size:13px; } .our-vision-ctnt p{line-height:1.73; font-size:16px;} .ticket-btn-wrap { margin-top:15px; } .ticket-btn-wrap .btn-typ1 { padding:10px 25px; } .two-col-row .button-wrap a { min-width:100px; margin-left:10px; padding-top:13px; padding-bottom:13px; } .post-typ2 .post-avatar img { height: 35px; width: 35px; } .post-type2 { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCCCCC; } .post-type2 .title { font-size:16px; } .event-region-wrap { margin-top: 20px; margin-bottom: 30px; } .event-member-wrap .content { font-size:13px; line-height:1.3; } .canadian_videos .post-type2 {min-height: 352px;} .two-col-row .left-side-area, .two-col-row .right-side-area { display:block; } .two-col-row .left-side-area { width:100%; margin-bottom:20px; } .two-col-row .right-side-area { width:100%; padding-left:0px; vertical-align:middle; } .home-blog-row .home-blog-col a h2{ min-height:10px;} .download-row .btn-wrap{ margin-top:0px;} .search-wrap {padding-top:2px;} } @media(max-width:680px) { .canadian_videos .post-type2 { min-height: 322px; } } @media(max-width:600px) { .canadian_videos .post-type2 { min-height: 292px; } .slider-ctnt-wrap{ bottom: 0px; padding: 10px; margin-bottom: 40px; } .party-slider .slick-slide img{ height:245px; object-fit: cover; } .party-slider .slick-dots{ margin-bottom:0px; } } @media(max-width:543px) { .header-side-menu #main-navigation .menu-overlay .main-nav > ul { margin-top: 0; height: 100%; } .header-side-menu #main-navigation .menu-overlay .main-nav { height: 100%; padding-top: 50px; } .header-side-menu #main-navigation .menu-overlay ul li { height: 20%; height: calc(100% / 5); } .menu-overlay .overlay-close { top: 10px; right: 10px; } .slider-text br { display:none; } .canadian_videos .post-type2 { min-height: 272px; } } @media(max-width:480px){ .our-region{margin-top:4px;} .post1 .col-md-4.col-xs-6{ width:100%; } .media-wrap .col-md-4.col-xs-6{ width:50%; } .top-right-widget-wrapper { text-align:center; } .header-side-menu #main-navigation .main-nav > ul { right: -44px; } #footer .scroll-top { bottom:2px; opacity:0.7; } #footer .scroll-top:hover { opacity:1; } .party-slider-wrapper .slick-dots { margin-bottom:0;height:20px; } .social-media .social-section { padding:20px 0 20px 0; } .social-title { margin-bottom:10px; } .two-col-row .button-wrap a { display:block; max-width:200px; margin-left:auto; margin-right:auto; margin-bottom:20px; } .two-col-row .button-wrap a:first-child { margin-left:auto; } .post2 .col-md-4.col-xs-6{ width:100%; } .post2 .post-avatar { display: inline-block; padding: 0px; } .post2 .post-author { padding-left: 0; text-align: center; } .video-col .popup::after { left: 45%; top: 40%; } .right-ctnt{ padding-right:30px; } .party-slider-hd{ font-size:20px; } .slider-ctnt-wrap .party-slider-hd{ margin-bottom:15px; } .sponser-row { margin-bottom:30px; } .greybg { padding-bottom: 30px; } .partners-list .partner-inner .equal-logos.partner-image{ height:auto !important; } .partners-list .partner-inner .equal-logos.partner-image{ height:auto !important; } .partners-list .partners-eq{ height:auto !important; } } @media(max-width:478px){ .media-wrap .col-md-4.col-xs-6{ width:100%; } } @media(max-width:767px){ .header-search{ max-width:300px; top:42px; } #search-open.open::after{ display:none; } header .header-search .searchform .search-field { width: 300px !important; background-color:#ffffff; } } @media(max-width:480px){ .header-search{ max-width:190px; } .member-outer .col-md-4.col-xs-6{ width:100%; } } @media(max-width:359px){ .header-search { max-width: 290px; top: 42px; right: -40px; } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } @media(max-width:568px){ .recipient-single-post .media{ display: block; width: 100%; } .single-current_recipients .media .media-left{ display: block; width: 100%; margin-bottom: 30px; padding-right: 0; } .recipient-single-post .media-body{ display: block; width: 100%; } } /*+++++++++++++++++++++ Nominate page Media +++++++++++++++++++++*/ .nbrmedia{ margin-bottom: 30px; } .nbrmedia .post-type2{ margin-bottom: 0; } .nbrmedia .modal .modal-dialog{ margin-top: 50px; margin-bottom: 50px; position: absolute; left: 15px; right: 15px; top: 50%; /*position: absolute;*/ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .modal.fade .modal-dialog{ } .nbrmedia button.close{ color: #fff; position: absolute; top: -10px; right: -10px; height: 30px; width: 30px; border-radius: 50%; box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); opacity: 1; line-height: 30px; z-index: 111; background-color: #3069c4; } .nbrmedia button.close span{ position: relative; top: -1px; } .nbrmedia .video-col a{ position: relative; } .nbrmedia button.close:hover{ background-color: #000; } .nbrmedia .modal-content{ padding:0px; /*padding: 20px; */ text-align: center; } .nbrmedia .modal-content img{ margin: 0 auto; } .nbrmedia .title{ margin-top: 25px; font-family: 'montserratregular'; font-size: 18px; } .footer-newsletter .outer-container{ max-width: initial; } .nbrmedia .modal { padding-top: 35px; padding-left: 10px !important; padding-right: 10px !important; } .other-news-section-wrapper{ padding: 80px 0; } .awards-adsbg .awards-adbox{ padding: 80px 0; background-position: center center; background-size: cover; } .awards-adsbg .awards-adbox .btm-hd1{ font-family: 'montserratregular'; font-size: 14px; line-height: 1.57; color: #ffffff; margin-bottom: 10px; } .awards-adsbg .awards-adbox .btm-hd2{ font-family: 'montserratmedium'; font-size: 40px; line-height: 0.8; color: #ffffff; margin-bottom: 30px; } /* Home page section */ .tbl{ display: table; height: 100%; width: 100% } .tbl-cell{ vertical-align: middle; display: table-cell; } .party-slider-wrapper .awards-adsbg .awards-adbox { padding: 80px 0; height: 100%; } .party-slider-wrapper .awards-adsbg .btm-ctnt-wrap{ max-width: 500px; } .other-news-slider .slick-dots{ position: static; margin-top: 20px; } /* gdpr */ .wpgdprc span.wpcf7-list-item{ margin-left: 0; margin-right: 10px; position: relative; padding-left: 20px; } .wpgdprc span.wpcf7-list-item input[type="checkbox"]{ display: inline-block; margin: 0 5px 0 0; vertical-align: middle; position: absolute; top: 4px; left: 0; } .wpgdprc span.wpcf7-list-item .wpcf7-list-item-label{ display: inline-block; vertical-align: middle; } .wpgdprc::after{ content: ''; display: block; clear: both; } .wpgdprc .wpcf7-wpgdprc{ display: block; } .wpgdprc .wpcf7-not-valid-tip{ position: static !important; display: inline-block !important; margin-top: 5px; /* float: right; */ } /* Full calender view */ #calendar .fc-day-grid-event .fc-content{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #calendar .fc-day-grid-event{ margin: 0; padding: 0 !important; width: 100%; border-radius: 0; border: 1px solid #fff; } .current-recipients-listing .eq-height{ margin-bottom: 30px; } .current-recipients-listing .post-type2-wrapper, .current-recipients-listing .post-type2{ height: 100%; margin-bottom: 0; } .event-detail-content .image{ /* text-align:center; max-width: 750px !important; margin: 0 auto; */ } @media(min-width: 1440px){ .party-slider-wrapper .awards-adsbg .awards-adbox{ padding: 130px 0; } .awards-adsbg .awards-adbox{ padding: 118px 0 163px; } } @media(max-width: 1199px){ .home-blog-col .title-sec{ font-size: 20px; } .header-secound-menu ul li{ margin-left: 20px; } .awards-adsbg .awards-adbox{ padding: 60px 0; } .awards-adsbg .awards-adbox .btm-hd2{ font-size: 30px; line-height: 36px; } } @media(max-width: 991px){ .nbrmedia .modal-dialog{ margin-top: 60px; } .home-blog-row .home-blog-col a h2{ min-height: 40px; font-size: 16px; margin-top: 5px; } .home-blog-col .text-outer-sec{ padding:20px 32px; } .party-slider-wrapper .awards-adsbg .btm-ctnt-wrap{ max-width: 450px; } } @media(max-width: 767px){ .nbrmedia .modal-dialog{ margin-top: 50px; } .nbrmedia .modal-content{ padding: 10px; } .nbrmedia .modal .modal-dialog{ margin-top:0 !important; margin-bottom:0 !important; max-width:400px !important; margin-left:auto !important; margin-right:auto !important; } .region-workshop-desc{ width:100%; } .home-blog-row .home-blog-col a h2{ min-height: initial; } .awards-adsbg .awards-adbox .btm-hd1{ font-size: 12px; margin-bottom: 0px; } .awards-adsbg .awards-adbox .btm-hd2 { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .awards-adsbg .awards-adbox { padding: 40px 0; } #calender .fc-view-container{ position: relative !important; } .fc-view{ overflow-x: auto !important; position: static !important; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .fc-view>table{ width: 1000px !important; } .fc-unthemed .fc-popover{ top: 50% !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; z-index: 111; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 568px){ .party-slider-wrapper .awards-adsbg .awards-adbox{ padding: 50px 0; height: 100%; position:relative; } .party-slider-wrapper .awards-adsbg .awards-adbox:after{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); } .party-slider-wrapper .awards-adsbg .awards-adbox .tbl{ position:relative; z-index:5; } .party-slider-wrapper .awards-adsbg .btm-ctnt-wrap{ max-width: 320px; } } @media (max-width: 480px){ .awards-adsbg .awards-adbox .btm-btn{ padding: 10px 15px; } .awards-adsbg .awards-adbox .btm-hd2 { font-size: 20px; line-height: 26px; margin-bottom: 15px; max-width: 80%; } .awards-adsbg .awards-adbox { padding: 30px 0; } .nbrmedia .modal-dialog { margin-top: 65px; } .nbrmedia .modal-content{ padding: 10px; } .nbrmedia{ width: 100%; } .fc-toolbar h2{ font-size: 16px; line-height: 30px; } }