@charset "utf-8";

/*



Theme Name:L'Arche Canada Development

Theme URI:https://parachutedesign.ca/

Author:

Author URI:https://parachutedesign.ca/

Description:

Version:2023.04-16-02 - 2024-03-26-05

Text Domain:L'Arche Canada Development

*/



@import url("css/_colors.css");

@import url("css/_reset.css");

@import url("css/_header.css");

@import url("css/_footer.css");
@import url("css/_subscribe-module.css");




/* Keyframe Animations */

@keyframes bounceAlpha {

0% {opacity: 1; transform: translateX(0px) scale(1);}

25%{opacity: 0; transform:translateX(10px) scale(1);}

26%{opacity: 0; transform:translateX(-10px) scale(1);}

55% {opacity: 1; transform: translateX(0px) scale(1);}

}



@keyframes bounceAlphadown {

0% {opacity: 1; transform: translateY(0px) scale(1);}

25%{opacity: 0; transform:translateY(10px) scale(1);}

26%{opacity: 0; transform:translateY(-10px) scale(1);}

55% {opacity: 1; transform: translateY(0px) scale(1);}

}



@keyframes animate {

0% {

box-shadow:0 0 0 0 rgba(255,255,255,.7),0 0 0 0 rgba(255,255,255,.7)

}

40% {

box-shadow:0 0 0 50px rgba(255,255,255,0),0 0 0 0 rgba(255,255,255,.7)

}

80% {

box-shadow:0 0 0 50px rgba(255,255,255,0),0 0 0 30px rgba(255,255,255,0)

}

100% {

box-shadow:0 0 0 0 rgba(255,255,255,0),0 0 0 30px rgba(255,255,255,0)

}

}



/*-- customized styles starts here --*/

body {font-family:"rucksack", sans-serif; color:var(--body-text); font-size:1rem; line-height:1.56; font-weight:400; font-style:normal; overflow-x:hidden; background:var(--white); height:100%; display:flex; flex-direction:column; letter-spacing: 0.16px;}

#main {overflow:hidden; position:relative; float:left; width:100%; flex:1 0 auto;}

#mainContent {clear:both; position:relative; float:left; width:100%;}

.container-lg {max-width:1700px; padding:0 41px 0 34px; margin:0 auto;}

.container {max-width:1366px; margin:0 auto; width:100%;}

.container-md {max-width:1152px; margin:0 auto; width:100%;}

.container-sm {max-width:894px; margin:0 auto; width:100%;}

.btn {display:block;}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:var(--heading); text-decoration: none;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:var(--text-violetblue);}



.h1 {font-size: 4.5rem; line-height: 1.11; font-weight: 900; margin-bottom: 30px; display: block;}

.h3 {font-size: 2.25rem; line-height: 1.17; margin-bottom: 25px; font-weight: 700; display: block;}

.h5 {font-size: 1.313rem; line-height: 1.19; margin-bottom: 14px; font-weight: 600; display: block;}



/* Banner Bg */

.banner-bg {top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:-1; opacity: 0.05;}

.banner-bg img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:0 0; -o-object-position:0 0;}



/* Background Bg */

.background-bg {width: 100%; height: 100%; top: 0; left: 0; position: absolute;  z-index: -1;}



/* Image Cover */

.pos-relative {position:relative;}

.pos-absolute {position:absolute;}

figure.object-fit {width:100%; height:100%; display:block;}

picture.object-fit {width:100%; height:100%; display:block;}

.object-fit img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:50% 50%; -o-object-position:50% 50%;}

img.mobile {display:none;}





/* Video/video popup */
.video-thumbnail {position: relative;}

.video-thumbnail img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}

.play-btn-main {top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute; z-index: 1;}

.play-btn {width:115px; height: 115px; background: var(--orange); border-radius: 50%; animation: animate 2s linear infinite;}

.play-btn:hover {background:rgba(0, 85, 184, 1);}

.play-btn img {width: 37px; height: 38px;}
/*no image-career and communities cta*/
.repeater-image.pos-relative.no_image{display: none;}




.overlay_main_sec {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom:0; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1801; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform: translateY(100%); background:rgba(0, 58, 112, 0.95);}

.overlay_main_sec.active{z-index: 999; overflow-y: auto; visibility: visible;  transform:translateY(0); -webkit-transform: translateY(0); -moz-transform:translateY(0);}

.overlay_center {width:100%; height:100%;}

.overlay-main {padding:79px 25px 92px; z-index:13000; margin:0 auto; width:100%; max-width:940px;}

.overlay-main h2 {margin-bottom: 25px;}

.overlay-main .pop_connect_close {position: absolute; top:41px; right:48px; cursor: pointer; font-size:44px; height: 40px;

display: block; width: 32px; line-height: 26px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;

-moz-transition: all .5s ease-in-out;}

.overlay-main .pop_connect_close i {color:var(--white);} 

.overlay-main .pop_connect_close:hover i {color:var(--white-50);}



.iframe-container {overflow: hidden; padding-top: 56.25%; /* 16:9*/ position: relative;}

.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}



body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {padding-right: 9px; width: 40px;height: 40px; opacity: 1;line-height: 40px; top: -45px; background-color: transparent; right: -45px;}

body .mfp-image-holder .mfp-close:hover, body .mfp-iframe-holder .mfp-close:hover {opacity: 0.8}

body .mfp-close:after {display: none;}





/* Banner Category */

.banner-cat {font-weight: 600; clear: both; width: 100%;}

.banner-cat ul {margin: 0; font-size: 0;}

.banner-cat ul li {display: inline-block; color: var(--sub-blue); margin:0 0 0 48px; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.75px; line-height: 1.5;}

.banner-cat ul li:first-child {margin-left: 0!important;}

.banner-cat ul li:before {content: ""; display: inline-block; background: #e2e5e6; width: 2px; height: 28px; vertical-align: middle;

transform: rotate(35deg);  position: absolute; top: -5px; left: -31px;}

.banner-cat ul li:first-child:before {display: none;}

.banner-cat ul li a {color:var(--sub-blue);}

.banner-cat ul li a:hover {color: var(--anchor-hover);}







/* Cat Wrap */

.cat-wrap {clear: both; margin: 0 0 15px 0; justify-content: space-between;}

.cat-wrap .tag-links {margin: 0; width: 50%;}

.cat-wrap .tag-links li {margin: 0;}

.cat-wrap .tag-links li:before {display: none;}

.cat-wrap .tag-links li a {background: var(--text-violetblue); display: inline-block; text-transform: uppercase; font-size: 0.688rem; letter-spacing: 1.65px; color: var(--white); font-weight: 700; padding:6px 15px 7px 16px; border-radius: 90px; margin: 0 4px 4px 0; line-height: 1.36; text-decoration: none;}

.cat-wrap .tag-links li a:hover {color: var(--white-75);}

.cat-date {font-size: 0.813rem; font-weight: 500; color: rgba(26, 21, 100, 0.6); letter-spacing: 0.15px; width: calc(100% - 50%); text-align: right; margin: 5px 0 0 0;}





/* Featured Category */

.banner-category, .banner-category a {display: inline-block; text-transform: uppercase; font-size: 0.688rem; letter-spacing: 1.65px; color: var(--violet); font-weight: 700; padding: 7px 15px 7px 16px; border-radius: 90px; margin:0 0 20px 0; line-height: 1.36; text-decoration: none; background: var(--white);}

.banner-category a {margin: 0; text-decoration: none; padding: 0;}

.greenbg .banner-category, 

.greenbg .banner-category a {color: var(--green);}

.redbg .banner-category, 

.redbg .banner-category a {color: var(--red);}

.orangebg .banner-category, 

.orangebg .banner-category a {color: var(--orange);}

.pinkbg .banner-category, 

.pinkbg .banner-category a {color: var(--pink);}

.tealbg .banner-category, 

.tealbg .banner-category a {color: var(--teal);}

.bluebg .banner-category, 

.bluebg .banner-category a {color: var(--violetblue);}







/* Default Slick navigations */

.slick-arrow{top:0; left: 0; right: 0; position: absolute; display: flex!important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; line-height: normal; width: 20px; height: 20px;bottom: 0; margin: auto; border-top: 2px solid var(--black); border-left: 2px solid var(--black);}

.slick-arrow:hover {border-color: var(--text-violetblue);}

.slick-arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(46.5deg);}

.slick-arrow.prev-arrow {right: auto; left: 0; transform: rotate(-46deg);}

.slick-arrow.next-arrow {right: 0; left: auto;  transform: rotate(135deg);}

.slick-arrow.slick-disabled {pointer-events:none; border-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2)!important;}





ul.slick-dots {margin:0; padding-top:31px; padding-bottom: 15px; display:flex; justify-content:center; flex-wrap:wrap; width: 100%;}

ul.slick-dots li {margin:0 7.5px 15px!important; display:inline-block; font-size:0; line-height:0;}

ul.slick-dots li::before, ul.slick-dots li button:before, ul.slick-dots li button:after {display:none;}

ul.slick-dots li button {width:5px; height:5px; min-width:0; padding:0; font-size:0; line-height:0; border:0 none; background:var(--text-violetblue); opacity:0.3;}

ul.slick-dots li.slick-active button {opacity:1;}



#blog_list{margin: 0;}



select.selectBox {display:none;}

body .selectBox-dropdown {outline:0; width:100% !important; font-size:1.063rem; line-height:1.56; background:var(--white); color:var(--body-text); box-shadow:none; border-radius:90px !important; padding:14px 47px 16px 27px; vertical-align:middle; font-family:"rucksack", sans-serif; font-weight:normal; height:auto; border: 1px solid rgba(0,0,0,0.1); text-transform:capitalize; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; cursor:pointer;}

body .selectBox-dropdown:focus, body .selectBox-dropdown:focus .selectBox-arrow {border-color:rgba(207, 216, 223, 0.5);}

body .selectBox-dropdown .selectBox-label {padding:0; display:block; width: 100% !important; text-overflow: ellipsis;}

body .selectBox-dropdown .selectBox-label a {color:inherit;}

body .selectBox-dropdown .selectBox-arrow {width:auto; right:25px; top:50%; transform:translateY(-50%); font-size:14px; color: var(--text-violetblue); border:none; font-family:"Font Awesome 6 Pro"; font-weight:900; position:absolute; display:flex; align-items:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; background:none;}

body .selectBox-dropdown .selectBox-arrow::after {content:"\f107";}

body .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {transform:translateY(-50%) rotate(-180deg);}

body ul.selectBox-dropdown-menu {border-color:transparent; padding:17px 0 9px; margin:5px 0 0 0; border: solid 1px rgba(0, 0, 0, 0.1) !important; box-shadow:0 1px 4px rgba(0, 0, 0, .2); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, .2); border-radius:26px !important;}

body ul.selectBox-dropdown-menu li {margin-bottom:10px; padding:0 27px;}

body ul.selectBox-dropdown-menu li::before {display:none;}

body ul.selectBox-dropdown-menu li a {font-size:15px; line-height:24px; letter-spacing:normal; display:block; padding:0; white-space:nowrap; text-transform:capitalize; color:var(--body-text); overflow:hidden; text-overflow:ellipsis; text-decoration: none;}

body ul.selectBox-dropdown-menu li.selectBox-selected a, body ul.selectBox-dropdown-menu li a:hover {color:var(--text-violetblue); background-color:transparent; cursor:pointer; font-weight:500;}


.content-container {clear: both; width: 100%; padding: 80px 0 50px;}





/*-- common form css starts here --*/

.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container {display:block;}

.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {right:0 !important; width:100%; display:block; font-size:0.688rem !important; color:#f00 !important; background:transparent; padding:0; margin:0; border-radius:0; text-align:right !important; line-height:normal !important; font-weight:normal; top:-19px; position:absolute;}

.frm_forms .frm_form_fields fieldset {margin:0; padding:0; border:0;}

.frm_forms .frm_form_fields .frm_form_field{margin-bottom:18px; position: relative; clear: both;}

.frm_forms .frm_form_fields .frm_form_field.frm_full {clear:both;}

.frm_forms .frm_form_fields .frm_form_field.vertical_radio label {padding-left:35px; display:block;}

.frm_forms .frm_form_fields input, .frm_forms .frm_form_fields textarea, .frm_forms .frm_form_fields select {font-family: "rucksack", sans-serif; font-weight: normal; display: block; outline: 0; border-radius: 90px; font-size: 1rem; line-height: 24px; font-style: normal; vertical-align: middle; -webkit-appearance: none; background-color: var(--white); color: var(--body-text); border:solid 1px rgba(0, 0, 0, 0.1); padding: 15px 27px 17px 27px; width: 100%; box-shadow: none; letter-spacing:0.3px;}

.frm_forms .frm_form_fields input:focus, .frm_forms .frm_form_fields textarea:focus {box-shadow:none;}

.frm_forms .frm_form_fields textarea {min-height:145px;}

.frm_forms .frm_form_fields .selectBox-dropdown{border: solid 1px #dde4e5; padding: 13px 31px 14px 24px; color: var(--body-text);}

.frm_forms .frm_form_fields div.selector {margin-top:16px;}

.frm_forms .frm_submit{margin:20px 0 30px 0;}

.form-field {position:relative; margin-bottom:20px;}

.form-note p {font-size: 0.75rem; line-height: 1.67; letter-spacing: -0.35px; color: var(--light-blue);}

.frm_forms .frm_error_style {display: none;}

.frm_forms .frm_message, .frm_forms .frm_success_style {margin: 0 0 20px 0; padding: 0; background: top; border: 0 none; font-weight: bold; font-size: 1rem; line-height: 1.4;}



.frm_half {width:48.56%; float: left; clear: none!important;}

.frm_first {margin-right:18px;}

.frm_last {float: right;}

.frm_full {margin-right: 0;}

.frm_radio {margin: 0 0 9px 0;}

.frm_radio label {padding: 0px 0 0 34px; cursor: pointer;}

/*-- common form css ends here --*/





.readmore {position:relative; display:inline-block; font-size: 0.938rem; padding-right: 17px; font-weight: 700; text-decoration: none; color: var(--text-violetblue);}

.readmore:after {right: 0; content:"\f105"; font-size:0.878rem; font-family: "Font Awesome 6 Sharp"; font-weight: 400; transition: all .3s ease-in-out; position: absolute; display: flex; align-items: center; flex-wrap: wrap; top: 2px;}

.readmore:hover:after {animation-name: bounceAlpha; animation-duration:1.4s; animation-iteration-count:infinite; animation-timing-function:linear;}



.button.more, .readmore.more{min-width: 177px;}

.button.more:after, .readmore.more:after {content: "\f107";}

.button.more:hover::after, .readmore.more:hover::after {animation-name: bounceAlphadown; animation-duration: 1.4s; animation-iteration-count: infinite;  animation-timing-function: linear;}





/* Color Specific */

.violet-blue .readmore, .readmore.violet-blue {color: var(--text-violetblue);}

.violet-blue .cat-wrap .tag-links li a {background: var(--text-violetblue);}

.violet-blue ul li:before, .violet-blue ol li:before  {color: var(--text-violetblue);}

.violet-blue .shapes svg path, .violet-shape svg path   {fill: var(--text-violetblue);}

.violet-shape .common-cta-text .h1 span {color: var(--text-violetblue);}

.violet .video-thumbnail .play-btn{background-color: var(--violet);}



.pink .readmore, .readmore.pink {color: var(--pink);}

.pink .cat-wrap .tag-links li a {background: var(--pink);}

.pink ul li:before, .pink ol li:before {color: var(--pink);}

.pink .shapes svg path, .pink-shape svg path {fill: var(--pink);}

.pink-shape .common-cta-text .h1 span {color: var(--pink);}

.pink .video-thumbnail .play-btn{background-color: var(--pink);}





.green .readmore, .readmore.green {color: var(--green);}

.green .cat-wrap .tag-links li a {background: var(--green);}

.green ul li:before, .green ol li:before {color: var(--green);}

.green .shapes svg path, .green-shape svg path  {fill: var(--green);}

.green-shape .common-cta-text .h1 span {color: var(--green);}

.green .video-thumbnail .play-btn{background-color: var(--green);}


.orange .readmore, .readmore.orange {color: var(--orange);}

.orange .cat-wrap .tag-links li a {background: var(--orange);}

.orange .shapes svg path, .orange-shape svg path  {fill: var(--orange);}

.orange-shape .common-cta-text .h1 span {color: var(--orange);}

.orange .video-thumbnail .play-btn{background-color: var(--orange);}



.text-violetblue .readmore, .readmore.text-violetblue {color: var(--text-violetblue);}

.text-violetblue .cat-wrap .tag-links li a {background: var(--text-violetblue);}

/*.text-violetblue .shapes svg path, .text-violetblue-shape svg path  {fill: var(--text-violetblue);}

*/.text-violetblue-shape .common-cta-text .h1 span {color: var(--text-violetblue);}

.text-violetblue .video-thumbnail .play-btn{background-color: var(--text-violetblue);}



.red .readmore, .readmore.text-red {color: var(--red);}

.red .cat-wrap .tag-links li a {background: var(--red);}

.red .shapes svg path, .red-shape svg path  {fill: var(--red);}

.red-shape .common-cta-text .h1 span {color: var(--red);}

.red ul li:before, .red ol li:before {color: var(--red);}





.violet .readmore, .readmore.text-violet {color: var(--violet);}

.violet .cat-wrap .tag-links li a {background: var(--violet);}

.violet .shapes svg path, .violet-shape svg path  {fill: var(--violet);}

.violet-shape .common-cta-text .h1 span {color: var(--violet);}



.teal .readmore, .teal.text-violet {color: var(--teal);}

.teal .cat-wrap .tag-links li a, .teal .sub-text {background: var(--teal);}

.teal .shapes svg path, .teal-shape svg path   {fill: var(--teal);}

.teal-shape .common-cta-text .h1 span {color: var(--teal);}

.teal ul li:before, .teal ol li:before {color: var(--teal);}



.optional-text {font-size:1.063rem;  color:var(--text-violetblue); font-weight:700; margin:0 0 12px 0; display:block;}

.btn {width:100%; clear:both;}





.heading {clear: both; padding: 0 0 41px; width: 100%; justify-content: space-between; align-items: center;}

.heading-lt {width: 70%;}

.heading-lt h3, .heading-lt .h3 {margin: 0;}

.heading-rt {width: calc(100% - 70%); margin-left: auto;}

.heading-rt form {justify-content: flex-end}

.heading-rt .form-field {margin:0 0 0 22px; width:29.71%;}

.heading-rt .form-field:first-child {margin-left: 0}







.fluid-width {width: 100vw!important; left: 50%; position: relative; margin-left: -50vw;}

.full_width{width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}









/* Shapes SVG */

.shapes svg {width: 100%; height: 100%; object-fit: contain;}

.tp-shape-1 {width: 284px; height: 157px; top: -41px; right:8px;}

.tp-shape-2 {width: 416px; height: 400px; bottom: -42px; left: -74px;}

.tp-shape-3 {width: 239px; height: 200px; bottom: 21px; right: -82px;}

.tp-shape-4 {width: 147px; height: 173px; top: -31px; right:-6px;}

.tp-shape-5 {width: 272px; height: 253px; bottom: -13px; left: -42px;}

.tp-shape-6 {width: 251px; height: 299px; top: -32px; left: -21px;}

.tp-shape-7 {width: 73px; height: 105px; right: 179px; top: -38px;}

.tp-shape-8 {width: 308px; height: 382px; top: -56px; left: -72px;}

.tp-shape-9 {width: 259px; height: 338px; top: -29px; right: -46px;}





/* Backgrounds */

.light-orange {background: var(--light-orange);}

.light-green {background: var(--light-green);}

.light-blue {background: var(--light-blue);}

.light-pink {background: var(--light-pink);}

.light-red {background: var(--light-red);}

.light-violet{background: var(--light-violet);}



.pinkbg {background: var(--pink);}

.orangebg {background: var(--orange);}

.greenbg {background: var(--green);}

.redbg {background: var(--red);}

.violetbg {background: var(--violet);}

.tealbg {background: var(--teal);}

.bluebg {background: var(--violetblue);}





.light-orange .readmore {color: var(--orange);}

.light-orange .shapes svg path {fill: var(--orange);}



.light-green .readmore {color: var(--green);}

.light-green .shapes svg path {fill: var(--green);}







.fixed-social-icons { display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 51px 0; justify-content: flex-end;}

.fixed-social-icons .share-text {font-size: 0.813rem; color: rgba(0, 7, 51, 0.5); line-height: 1.69; font-weight: 600; margin:0 15px 0 0; display: inline-block;}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn {width: 34px; height: 34px!important; color: var(--h4); line-height: 34px;

position: relative; z-index: 1; text-decoration: none; border-radius: 50%!important; background-color: rgb(238, 241, 251)!important; display: inline-block!important; text-align: center!important; cursor: pointer; margin: 0 0 0 10px!important; min-width: inherit!important;}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn.st-first {margin-left: 0!important;}

.fixed-social-icons .sharethis-inline-share-buttons {font-size: 0; display: inline-block!important; vertical-align: middle;}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn:after {font-family: "Font Awesome 6 Brands"; font-weight: 400; margin:0 auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; vertical-align: middle; display: inline-block; font-size: 0.825rem; line-height: 1.5;}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn[data-network=twitter]:after {content: "\e61b"; }

.fixed-social-icons .sharethis-inline-share-buttons .st-btn[data-network=facebook]:after {content: "\f39e";}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn[data-network=linkedin]:after {content: "\f0e1";}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn[data-network=email]:after {content: "\f0e0"; font-family: "Font Awesome 6 Sharp"; font-weight: 900;}



.fixed-social-icons .sharethis-inline-share-buttons .st-btn:hover {color: var(--white); background: var(--text-violetblue)!important; opacity: 1 !important;}

.fixed-social-icons .sharethis-inline-share-buttons .st-btn span, .fixed-social-icons .sharethis-inline-share-buttons .st-btn img {display: none!important;}

.fixed-social-icons .at4-visually-hidden {display: none;}





.toggle-form {width:100%;}

.hide_cat_list {display: none}





/* Cookie bar */

body .cky-consent-container{width: 462px; right: 25px; bottom: 27px; border-radius: 0; background-color: var(--text-violetblue); overflow: hidden; left: inherit;}

body .cky-consent-container .cky-consent-bar{background: transparent!important; border: none; box-shadow: none; border-radius: 0; margin: 0 auto; position: relative; padding:57px 56px 52px;}

body .cky-notice .cky-title {color: #fff !important; font-size: 1.313rem; line-height: 1.19; font-weight: 600; margin: 0 0 33px 0; position: relative;}

body .cky-notice .cky-title:after {content: ""; background: url("images/cookie-line.svg") 0 0 no-repeat; display: block; position: absolute; width: 178px; height: 15px; left: -17px;}

body .cky-notice-des p {color: #fff!important; font-size: 0.875rem; line-height: 1.43; margin-bottom: 20px;}

body .cky-notice-des p a {font-weight: 600; color:var(--white)!important; text-decoration: none;}

body .cky-notice-btn-wrapper{margin-top: 27px; justify-content: flex-end; flex-direction: row-reverse;}

body .cky-btn {flex: initial; font-weight: 700; border-radius: 80px; border-width: 3px; padding: 7px 37px 10px 20px; font-size: 0.938rem; margin: 0 7px 0 0 !important; width: auto;}

body .cky-btn:after {right: 19px; font-size: 0.938rem;}

body .cky-btn.cky-btn-reject:after {display: none;}

body .cky-btn.cky-btn-reject {padding: 7px 22px 10px 21px;}

body .cky-banner-btn-close:after {display: none;}



body .cky-consent-bar .cky-banner-btn-close {right: 20px; top: 20px;}

body .cky-consent-bar .cky-banner-btn-close img {height: 14px; width: 14px;}

body .cky-accordion-btn:after, body .cky-show-desc-btn:after {display: none;}

body .cky-btn-revisit-wrapper .cky-btn-revisit:after {display: none;}





body .cky-prefrence-btn-wrapper .cky-btn {border: 3px solid var(--violet)!important; color:var(--violet)!important; flex: inherit; padding: 7px 37px 10px 20px;}

body .cky-prefrence-btn-wrapper .cky-btn:hover {background: var(--violet) !important; color: var(--white) !important; opacity: 1;}

body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject:after {display: flex;}



#more-blog > h3, .page-header h3.page-title {margin: 0 0 50px 0;}

.dots {overflow: visible;}


/*-- media css starts here --*/

@media only screen and (max-width:1400px) {

.container, .container-lg {padding:0 22px; max-width:100%;}

}



@media only screen and (min-width:1024px) {

.hide-in-desktop {display:none;}





}



@media only screen and (max-width:1440px) and (min-width:1024px) {



}



@media only screen and (max-width:1299px) and (min-width:1024px) {

.tp-shape-6 { width: 226px; height: 273px; top: -32px; left: -26px;}

.tp-shape-8 {width: 275px; height: 340px; top: -56px; left: -72px;}

.tp-shape-9 {width: 236px; height: 324px; top: -36px; right: -38px;}

}



@media only screen and (max-width:1199px) and (min-width:1024px) {

.heading-rt .form-field {margin: 0 0 0 10px; width: 32%;}

}





@media only screen and (max-width:1023px) and (min-width:768px) {

.hide-in-tab, .hide-in-tablet {display:none;}



}



@media only screen and (max-width:1023px) and (min-width:200px) {

.tp-shape-1 {width: 194px; height: 107px; top: -28px; right: 5px; z-index: 1;}

.tp-shape-2 {width: 288px; height: 272px; bottom: -28px; left: -53px; z-index: 1;}

.tp-shape-3 {width: 163px; height: 180px; bottom: -8px; right: -56px; z-index: 1;}

.tp-shape-4 {width: 89px; height: 105px; top: -19px; right: -4px; z-index: 1;}

.tp-shape-5 {width: 164px; height: 164px; bottom: -13px; left: -18px; z-index: 1;}

.tp-shape-6{width: 161px; height: 193px; top: -32px; left: -10px; z-index: 1;}

.tp-shape-7{width: 47px; height: 68px; right: 94px; top: -20px; z-index: 1;}

.tp-shape-8{width: 194px; height: 258px; top: -45px; left: -65px; z-index: 1;}

.tp-shape-9{width: 168px; height: 219px; top: -19px; right: -27px; z-index: 1;}

}



@media only screen and (max-width:767px) and (min-width:200px) {

.hide-in-mobile {display:none;}
    .content-container {padding: 60px 0 30px;}



.cat-wrap {margin: 0 0 18px 0;}

.cat-wrap .tag-links {width: 100%;}

.cat-wrap .cat-date {width: calc(100% - 50%);}



.h1{font-size: 3.5rem;}

.h3 {font-size: 1.875rem; line-height: 1.13;}



.play-btn {width: 85px; height: 85px;}

.play-btn img {width: 27px; height: 28px;}

.filter-dropdown{position: relative; color: var(--text-violetblue); font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid var(--text-violetblue); cursor: pointer; width: 100%;}

.filter-dropdown::after{content: "\f107"; font-size: 0.938rem; font-family: "Font Awesome 6 Sharp"; font-weight: 400; transition: all .3s ease-in-out; position: absolute; display: flex; align-items: center; flex-wrap: wrap; top: 0; bottom: 0; right: 0 }

.product-btn {margin: 0;}

.filter-dropdown.active::after{content: "\f107"; transform: translate(-50%); transform: rotate(-180deg); position: absolute; top: 0; bottom: 0; font-family: "Font Awesome 6 Sharp";}

.toggle-form {display: none; width: 100%; padding: 20px 0 0;}



body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {right: 0px;}

 body .mfp-container { padding-left: 20px; padding-right: 20px; }

.heading-rt .form-field {width: 100%; margin: 0 0 20px 0;}





body .cky-consent-container {width: 340px; right: 18px;}

body .cky-consent-container .cky-consent-bar {padding: 40px 30px 42px;}

body .cky-notice-btn-wrapper .cky-btn-reject {order: inherit;}	

	body .cky-custom-brand-logo-wrapper, body .cky-notice .cky-title, body .cky-notice-des, body .cky-notice-btn-wrapper {padding: 0!important}

}



@media only screen and (max-width:480px) {

img.alignnone, img.alignleft, img.aligncenter, img.alignright {margin:46px 0 !important; width:100%}



}