.quilt-banner img{width: 100%;}
.quilt-banner-box{background: #FFF4EB; padding: 80px 0;}
.quilt-banner-box .wrap{max-width: 1316px;}
.quilt-join{text-align: center;}

.quilt-gallery{padding: 28px 0 0; width: calc(100% + 24px); margin: 0 -12px;}
.quilt-gallery ul{ display: flex; flex-wrap: wrap; margin: 0; justify-content: center;}
.quilt-gallery li{width: 33.33%; padding: 12px; font-family: 'Lato', sans-serif;}
.quilt-gallery li .card-bg{position: relative; z-index: 2; text-align: center; background: #fff; padding-bottom: 36px; height: 100%; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2);}
.quilt-gallery li .card-bg img{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 100%;}
.quilt-gallery li h3{padding: 20px 5px 0 5px; margin: 0; font-family: 'Merriweather', serif; font-weight: 700;}
.quilt-gallery li p{padding: 16px 5px 24px; font-size: 18px;}
.quilt-gallery li div.btn{width: 100%; position: absolute; bottom: 0; left: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-transform: none;}
.quilt-gallery li a{display: block;}
.quilt-gallery li a:hover{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.quilt-gallery-btn{display: flex; justify-content: center; padding: 36px 12px 0;}
.quilt-gallery-btn a{margin: 0 8px;}
.quilt-gallery-btn.pt-16{padding-top: 16px;}
.quilt-gallery-btn .btn-white{border: 2px solid #16395C; color: #16395C; min-width: 196px;}
.quilt-gallery-edit{position: absolute; right: 8px; top: 6px; z-index: 9; display: none;}
.quilt-gallery-edit a{background: #fff url("../images/icons/edit-black.svg") center center no-repeat; background-size: 14px; height: 32px; width: 32px; -moz-border-radius: 50%; border-radius: 50%; display: block;}
.quilt-gallery li:hover .quilt-gallery-edit{display: block;}

.enterQuilt, h1, h2, h3, h4, h5, h6{color: #2b2b2b; margin: 0;}
.custom-file-hover{-moz-border-radius: 2px; -webkit-border-radius: 2px; background: #FAFAFA; border-radius: 2px; border: 2px dashed #e5e5e5; position: relative;}
.width-600{max-width: 600px;}
.width-960{max-width: 960px;}

.custom-file-input, .file-loading  { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
.custom-file-input { text-align: center; z-index: 2; padding: 0; opacity: 1;}
.uploadIcon{background: url("../images/new/icon/upload.svg") 0 0 no-repeat; width: 48px; height: 48px; margin: 0 auto;}
.UploadImg{border: 0;}
.UploadImg img{height: 100%; width: 100%; object-fit: cover;}
.UploadImg .custom-file-input{opacity: 0; background: rgba(43,43,43, 0.6);}
.UploadImg .custom-file-input .caption {color: #fafafa;}
.UploadImg:hover .custom-file-input {opacity: 1;}
.UploadImg .btn-secondary, .UploadImg:hover .btn-secondary {border: 1px solid #2b2b2b !important; color: #2b2b2b !important; background: #fafafa !important;}
.UploadImg .uploadIcon{background: url("../images/new/icon/upload-white.svg");}
.img_overlay{display: none;}
.image-hover-bg:hover .img_overlay{background: rgba(0, 0, 0, 0.5); position: relative; z-index: 2; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.image-hover-bg .align-self-center.width-100{height: 100%;}
.image-hover-bg img{object-fit: cover;}

.shareStoryLeft h2{font-family: 'Karla', sans-serif !important; font-size: 56px; line-height: normal;}
.shareStoryEdit{margin-top: 42px;}
.shareStory{display: flex; align-items: center; justify-content: space-between;}
.shareStoryLeft{float: left;}
.shareStoryRight{margin-left: 20px; max-width: 420px; text-align: right;}
.shareStoryRight a, .shareStoryRight button{margin-left: 14px;}
.shareStoryRight a:first-child, .shareStoryRight button:first-child{margin-left: 0;}
.shareStoryRightBtn{display: flex; justify-content: space-between;}
.shareStoryRightBtn a, .shareStoryRightBtn button{width: 33.33%;}
.shareStoryRightText{text-align: left;}
.quilt-enter-title {margin-bottom: 8px;}
.quilt-enter-title .shareStoryLeft{text-align: left;}
.quilt-show-enter{ margin: 0 -15px;}
.quilt-show-enter h4{font-size: 24px; line-height: 28px; font-weight: 700; font-family: 'Karla', sans-serif !important;}
.quilt-show-enter-left{float: left; width: 50%; padding: 0 16px;}
.quilt-show-enter-left h4{font-family: 'Karla', sans-serif !important; line-height: 28px; font-weight: 700;}
.quilt-show-enter-left h4 span.required{font-size: 18px; font-weight: 400; color: #C34847;}
.quilt-font-18{font-family: 'Karla', sans-serif !important; font-size: 18px;}
.quilt-show-enter-left .mt-4{margin-top: 4px !important;}
.quilt-show-big{float: left; width: 100%; max-width: 568px;}
.quilt-show-big ul{margin: 0 -12px;}
.quilt-show-big ul li{width: calc(50% - 4px); padding: 24px 12px 0; display: inline-block; vertical-align: top;}
.quilt-show-big .uploadIcon{margin-bottom: 24px;}
.quilt-show-big .custom-file-hover{height: 354px;}
.quilt-show-big .custom-file-hover span{position: absolute; height: 24px; width: 24px; background: #fafafa; border: 2px solid #2B2B2B; line-height: 20px; text-align: center; left: -9px; top: -8px; color: #2b2b2b; font-weight: 700;}
.quilt-show-small{float: right; width: 22.415%;}
.quilt-show-small li{width: 100%; height: 174px; margin-top: 14px; position: relative;}
.quilt-show-small li img{width: 100%; height: 100%;}
.quilt-show-small li a{ border: 2px dashed #D3D3D3; display: block; height: 100%;}
.quilt-show-small li a:hover{ border: 2px dashed #2b2b2b;}
.quilt-show-small li.uplodImg a{border: 0;}
.quilt-show-small li.active a{ border: 2px solid #000;}
.quilt-show-small li.active a span{background: #2b2b2b; color: #fafafa;}
.quilt-show-small li:first-child{margin-top: 0;}
.quilt-show-small li span{position: absolute; height: 24px; width: 24px; background: #fafafa; border: 2px solid #2B2B2B; line-height: 20px; text-align: center; left: -9px; top: -8px; color: #2b2b2b; font-weight: 700;}
.uploadTooltip{cursor: pointer; display: inline-block; height: 20px; width: 20px; background: #D3D3D3; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 14px; -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1); color: #fff; text-align: center;}
.quilt-show-small .plusIcon{background: url("../images/icons/plus.svg") center center no-repeat; background-size: 56px; height: 100%; width: 100%;}
.reorder-small{margin-top: 10px; text-align: right;}
.img-delete{position: absolute; top: 14px; right: 13px; z-index: 9; background: #fafafa url("../images/icons/delete.svg") center center no-repeat; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); height: 26px; width: 27px; text-align: center; cursor: pointer !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.shareStoryRight .tooltip{margin: 5px 0;}
.shareStoryRight .tooltip > .tooltip-inner {max-width: 300px; width: 300px; background: #E6D7D1; border: 1px solid #DA5B30; padding: 13px 15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.shareStoryRight .tooltip > .arrow {display: block;}
.shareStoryRight .bs-tooltip-top .arrow::before{border-width: .4rem .4rem 0; border-top-color:#DA5B30}
.shareStoryRight .tooltip .arrow::after{position: absolute; content: ""; border-color: transparent; border-style: solid; border-width: .4rem .4rem 0; top: -1px; border-top-color:#E6D7D1;}
.shareStoryRight .bs-tooltip-auto[x-placement^=bottom] .arrow::after, .shareStoryRight .bs-tooltip-bottom .arrow::after{border-width: 0 .4rem .4rem; border-bottom-color: #E6D7D1; top: 1px;}
.shareStoryRight .bs-tooltip-bottom .arrow::before{border-bottom-color: #DA5B30;}

.quilt-show-enter-right{float: left; width: 50%; padding: 0 30px 0 12px; margin-top: 50px;}
.quilt-show-enter-right .form-group label{display: block; margin-bottom: 8px; font-size: 18px; line-height: 21px; font-weight: 700; font-family: 'Karla', sans-serif !important;}
.quilt-show-enter-right .form-group .form-control, .admin-edit-label .form-control, .admin-edit-label .form-control:focus, .admin-highlight .form-control, .admin-highlight .form-control:hover, .admin-highlight .form-control:focus{border: 2px solid #D3D3D3; background-color: #fafafa; padding: 15px 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;font-size: 18px; line-height: 21px; font-family: 'Karla', sans-serif !important;}
.quilt-show-enter-right textarea.form-control{height: 168px;}
.quilt-show-enter-right select.form-control, .admin-highlight select.form-control{background-position: calc(100% - 12px) 20px}
.showpopup{padding: 24px 0;}
.showpopupBtn{}
.showpopupBtn a,.showpopupBtn button{display: block; width: 48%; float: left; padding: 9px 5px;}
.showpopupBtn a:last-child,.showpopupBtn button:last-child{float: right;}

.tooltip .arrow{position: absolute; display: block; width: 0.8rem; height: 0.4rem;}
.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid;}
.bs-tooltip-top .arrow{bottom: 1px;}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {padding: 0.4rem 0; margin: -5px 0 0 !important;}
.bs-tooltip-bottom .arrow{top: 1px;}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {padding: 0.4rem 0; margin: 5px 0 0 !important;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{bottom: 0; border-width: 0 0.4rem 0.4rem;}

.uploadTooltip{ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; display: inline-block; height: 20px; width: 20px; background: #D3D3D3; font-size: 18px; line-height: 20px; font-weight: 400; -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1); color: #fff; text-align: center;}
.uploadTooltip .tooltip{margin: 5px 0; z-index: 9999;}
.uploadTooltip .tooltip > .tooltip-inner {max-width: 300px; width: 300px; background: #FAF7F5; border: 1px solid #2B2B2B; padding: 13px 15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 18px ; line-height: 21px !important;}
.uploadTooltip .tooltip > .arrow {display: block;}
.uploadTooltip .bs-tooltip-top .arrow::before{ content: ""; border-width: .4rem .4rem 0; border-top-color:#2b2b2b}
.uploadTooltip .tooltip .arrow::after{position: absolute; content: ""; border-color: transparent; border-style: solid; border-width: .4rem .4rem 0; top: -1px; border-top-color:#FAF7F5;}
.uploadTooltip .bs-tooltip-auto[x-placement^=bottom] .arrow::after, .uploadTooltip .bs-tooltip-bottom .arrow::after{border-width: 0 .4rem .4rem; border-bottom-color: #FAF7F5; top: 1px;}
.uploadTooltip .bs-tooltip-bottom .arrow::before{border-bottom-color: #2b2b2b;}
.formCharacters .form-group{position: relative;}
.formCharacters .form-group .text-right{position: absolute;right: 0; bottom: -18px;}

.register-story-form-box{display: flex; justify-content: space-between;}
.register-story-form-box .panel-default, .register-story-form-box .panel-body{height: 100%;}
.register-story-form{font-size: 18px;}
.register-story-form label{font-size: 16px;}

/* Start Quilt Show Gallery Page */
.quiltGallery .search{max-width: 600px; width: 100%; margin: 0 auto;}
.quiltGallery .search form{position: relative;}
.quiltGallery .search .form-control{padding-left: 57px;}
.quiltGallery .btn-search{position: absolute; left: 20px; top: 7px; height: 24px; width: 24px; background-color: transparent; background: url(../images/icons/search.svg) 0 0 no-repeat; border: 0;}
.quiltGallery .btn-search:hover{opacity: 0.7;}

.filterBorder, .filterTag, .filterImgHover{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.filterCategory{}
.filterBtn{text-align: center; position: relative;}
.filterBtn .btn{background: #FAF7F5; padding: 4px 8px; margin: 0 4px 10px; font-size:18px;}
.filterBtn .btn:hover, .filterBtn .btn.active {background-color: #16395C; color: #fff;}
.filterBox{text-align: center; margin: 0 -15px; padding-top: 8px;}
.filterColumn { padding: 16px 8px; width: calc(25% - 4px); opacity: 0; display: none; vertical-align: top;}
.filterColumn.show {opacity: 1; display: inline-block !important; }
/*.filterColumn.filter-ads{display: inline-block !important; opacity: 1;}*/
.filterColumn.filter-ads-50{width: calc(50% - 4px);}
.filterColumn.filter-ads-50 img{max-height: 357px;}
.filterColumn.filter-ads-25{float: left}
.filterColumn.filter-ads-25 img{height: 826px;}
.filterImg{position: relative; z-index: 2;}
.filterImg img{width: 100%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; z-index: 2;}
.filterBorder{position: absolute; left: 10px; top: 10px; border: 1px solid #2b2b2b; height: 100%; width: 100%; z-index: 1;}
.filterImgHover{position: absolute; left: 0; top: 0; height: 100%; width: 100%; justify-content: center; background: rgba(43, 43, 43, 0.6); z-index: 9; opacity: 0;}
.filterImgHover .btn{padding: 12px; min-width: 164px; border: 1px solid #0D434E;}
.filterImgHover .btn:hover{opacity: 0.9;}
.filterHover:hover .filterImgHover{opacity: 1;}
.filterImgHover a.btn{min-width: 158px; margin: 0 auto; text-align: center;}
.filterTag{color: #fff; background: #EC6333; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); position: absolute; z-index: 10; right: 10px; top: 8px; padding: 4px 10px; text-transform: uppercase;}
.filterText{padding-top: 16px; position: relative;}
.filterText h4 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filterText span{display: block; font-family: 'Karla', sans-serif !important; font-size: 12px; line-height: 16px;}

.quiltGallery{margin-top: 24px;}
.quiltGallery .search{max-width: 800px;}
.quiltGallery .filterCategory{margin-top: 32px;}
.quiltGallery .filterColumn{padding: 24px 11px; }
.quiltGallery .filterText{padding-top: 16px; text-align: left; position: relative;}
.filterText.text-center{text-align: center;}
.quiltGallery .filterText h4{padding-right: 30px; font-family: 'Karla', sans-serif !important;}
.admin-highlight .quiltGallery .filterText h4{padding-right: 60px;}
.quiltGallery .vote, .galleryIcon .edit{width: 36px; height: 36px; text-align: center; position: absolute; z-index: 9998; top: 8px; right: 9px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.quiltGallery .vote a, .allCommmentShare .vote, .sport_slider .vote a{display: block; background: url("../images/icons/heart.svg") center center no-repeat; text-indent: -9999px; height: 100%;}
.quiltGallery .vote a.active, .allCommmentShare .vote.active, .sport_slider .vote a.active{background: url("../images/icons/heart-fill.svg") center center no-repeat; }
.galleryIcon .edit{height: 20px; width: 20px; margin-top: 12px; right: 36px;}
.galleryIcon .edit a{display: block; background: url("../images/icons/edit.svg") center center no-repeat; text-indent: -9999px; height: 100%;}
.galleryIcon .exit{position: absolute; right: 0; top: 19px; height: 24px; width: 24px;}
.galleryIcon .exit a{display: block; background: url("../images/icons/exit.png") center center no-repeat; text-indent: -9999px; height: 100%; height: 24px; width: 24px; background-size: cover;}
.galleryIcon .edit a:hover, .galleryIcon .exit a:hover{opacity: 0.8;}
.galleryIcon{float: right; margin: 0;}
.galleryIcon li{display: block; float: left; margin-top: -3px;}
.galleryIcon li .vote{margin-top: 3px;}
.galleryIcon li a{display: block;}
.filterRegion{display: flex; justify-content: space-between;}
.filterRegion .mt-4{margin-top: 4px !important;}
.description{text-align: left; margin-top: 10px; display: none;}
.description a{font-weight: 700; margin-bottom: 4px; display: block; color: #2b2b2b;}
.description a span{ display: inline-block; height: 13px; width: 13px;  background: url("../images/icons/down-arrow.svg") 0 0 no-repeat; background-size: 100%; margin-left: 3px; vertical-align: bottom;}
.description a.arrowUp span{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.description .category-description:before{content: 'See description'; display: inline-block;}
.description a.arrowUp.category-description:before{content: 'Close description';}
.filterText .vote{position: absolute; right: 0; top: 12px; height: 26px; width: 26px; background-size: cover;}
.quiltGallery .adsImg{padding: 8px 0;}
.categoryMenu{background: #FAF7F5; display: none; opacity: 0; position: fixed; z-index: 9998; width: 100%;}
.modal-open .categoryMenu{z-index: 999;}
.categoryMenu h4{background: #FAF7F5; text-align: center;}
.categoryMenu h4 a{color: #2b2b2b; padding: 6px 10px; display: block;}
.categoryMenu h4 span{display: inline-block; background: url("../images/icons/down-arrow.svg") center center no-repeat; width: 17px; height: 16px;}
.categoryMenu ul{display: none;}
.categoryMenu li{ border-top: 1px solid #2b2b2b;}
.categoryMenu li:first-child{border-top: 0;}
.categoryMenu li a{ padding: 14px 10px 14px 48px; color: #2b2b2b; display: block;}
.categoryMenu li a:hover{color: #EC6333;}
.categoryMenu li.active a{color: #EC6333; background: url("../images/icons/checkmark-orange.svg") 16px center no-repeat;}
.categoryMenu ul.showCategory{display: block;}
.categoryMenu h4 a.closeCategory span{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.galleryPopup{max-width: 1920px;}
.modalPopup .galleryPopup{width: calc(100% - 64px); -moz-transform: translate(0, 0) !important; -webkit-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important;}
.galleryPopup .modal-content{padding: 24px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.modalPopup .galleryPopup .close{right: 16px; top: 16px; background: url(../images/icons/modal-close.svg) 0 0 no-repeat; height: 24px; width: 24px; top: 16px; right: 16px; position: absolute; opacity: 1; outline: none; z-index: 9; background-size: cover !important;}
.quiltGalleryWidth{ max-width: 1260px; margin: 0 auto;}
.galleryPopupLeft{float: left; padding: 0 12px; width: 55%; position: relative;}
.galleryPopupTop{display: flex; justify-content: space-between;}
.galleryPopupTitle h2{margin-bottom: 8px;}
.galleryPopupTitle p{padding-bottom: 24px;}
.galleryPopupLeft img{width: 100%;}
.galleryPopupTitle{ padding-right: 12px;}
.galleryPopupImg img{width: 100%;}
.votepopup{margin-left: 16px;}
.votepopup a{color: #fafafa; padding: 9px 14px 10px; background: #1a1a1a; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.votepopup span{display: inline-block; margin-right: 4px; background: url("../images/icons/heart-white.svg") center center no-repeat; vertical-align: middle; width: 24px; height: 24px;}
.votepopup a.active{background: #EC6333;}
.votepopup a.active span{background: url("../images/icons/checkmark.png") 0 0 no-repeat; float: left;}
.votepopup a:hover{opacity: 0.9;}
.galleryPopupEdit{background: url("../images/icons/edit.svg") center center no-repeat; height: 20px; width: 20px; display: inline-block; margin-top: 10px;}
.galleryPopupEdit:hover{opacity: 0.8;}
.galleryPopupRight{float: left; padding: 64px 12px 0; width: 45%;}
.galleryPopupStatus{font-size: 18px; line-height: 21px;}
.galleryPopupRight.pt-12{padding-top: 12px;}
.share-quilt{ padding: 0 0 14px 0; border-bottom: 1px solid #2b2b2b; margin-bottom: 16px;}
.shareTitle{display: inline-block; margin: 12px 12px 0 0; font-family: 'Karla', sans-serif !important; font-size:20px; font-weight: 700;}
.share-quilt a{color: #2b2b2b; border: 1px solid #2b2b2b; background: #fafafa; margin-top: 10px; padding: 2px 8px; display: inline-block; margin-right: 6px; font-weight: 700;}
.share-quilt a:last-child{margin-right: 0;}
.share-quilt svg{vertical-align: middle;}
.share-quilt span{display: inline-block; margin-left: 8px; vertical-align: middle;}
.share-quilt a:hover{color: #fafafa; background: #2b2b2b;}
.share-quilt a:hover svg path{fill:#fafafa !important;}
.galleryDescription{}
.galleryPopupRight, .galleryPopupRight h4{ font-family: 'Karla', sans-serif !important; }
.galleryCategory p{padding-bottom: 12px;}
.galleryCategory p:last-child{padding-bottom: 18px;}
.galleryComment{padding-top: 16px; border-top: 1px solid #2b2b2b;}

.galleryComment ul{ max-height: 280px;}
.galleryComment li{padding: 7px 8px; background: rgba(237, 237, 232, 0.5); margin-bottom: 12px; font-family: 'Karla', sans-serif; font-size: 18px;}
.galleryComment .caption{margin-bottom: 5px; font-family: 'Karla', sans-serif; font-size: 12px; font-weight: 700;}
.galleryPopupComment{margin-top: 4px; position: relative;}
.galleryPopupComment .form-control{ padding: 16px 40px 16px 15px; border: 2px solid #d3d3d3;}
.btn-comment{position: absolute; background: url("../images/icons/send-message.svg") 0 0 no-repeat; height: 24px; width: 24px; border: none; right: 14px; top: 18px;}
.btn-comment:hover{opacity: 0.6;}
.comment_date{position: relative; padding-left: 10px; color: #2b2b2b; font-weight: 400;}
.comment_date:before{content: '.'; position: absolute; left: 4px; top: -2px; font-weight: 700;}

.slider-arrow{position: absolute; top: 50%; background-color:  rgba(252, 252, 252, 0.9); height: 36px; width: 36px; background-position: center center; background-repeat: no-repeat; margin-top: -18px;}
.slider-arrow:hover{background-color:  rgba(252, 252, 252, 1);}
.sliderLeft{left: -70px; background-image: url("../images/left-arrow-slider.svg");}
.sliderRight{right: -70px; background-image: url("../images/right-arrow-slider.svg");}

.galleryPopupImg{position: relative;}
.galleryPopupImg .owl-item{ -moz-transform: scale(0.85,0.85) !important; -webkit-transform: scale(0.85,0.85) !important; transform: scale(0.85,0.85) !important;}
.galleryPopupImg .owl-item.active.center{ -moz-transform: scale(1,1) !important; -webkit-transform: scale(1,1) !important; transform: scale(1,1) !important;}

.quilt-show-comment{}
.quilt-show-comment .categoryMenu{display: block; position: static; opacity: 1; margin-top: 0;}
.quilt-comment-top{padding: 8px 0; display: flex;}
.quilt-show-comment .backArrow{padding-left: 0; width: 24px; height: 24px; display: inline-block; margin-right: 8px; align-self: center;}
.quilt-comment-top img{max-width: 30px;  align-self: center;}
.quilt-comment-title{ align-self: center; margin-left: 4px;}
.quilt-comment-title span{display: block; margin-top: 4px; font-family: 'Karla', sans-serif !important;}
.quilt-show-bottom{position: fixed; left: 16px; bottom: 24px; right: 16px;}
.quilt-show-bottom .galleryPopupComment{margin-top: 0;}
.quilt-show-comment .galleryComment{ padding: 170px 16px 0; height: calc(100vh - 90px); overflow-y: scroll; border-top: 0;}
.quilt-show-comment .galleryComment li{margin-bottom: 9px;}
.allCommmentBox{margin: 5px 0 6px;}
.allCommment{float: left; margin-bottom: 0 !important; margin-top: 9px;}
.allCommment img{margin-right: 2px; vertical-align: middle; margin-top: -4px;}
.allCommmentShare{float: right}
.allCommmentShare a{height: 36px !important; width: 36px; display: inline-block !important;}
.commentShare{background: url("../images/icons/share.svg") center center no-repeat;}
.allCommment span{display: inline-block; margin-left: 6px;}
.mobileComment .customScroll {height: 280px;}
.mobileComment .quilt-show-bottom{position: static; padding: 0 16px;}

.img-icon{display: inline-block; margin: 0 2px 0 0; vertical-align: middle;}
.owl-theme .owl-nav{margin: 0 !important;}
.sliderArrow .owl-theme .owl-nav [class*=owl-]{position: absolute; top: 50%; height: 36px !important; width: 36px !important; margin-top: -18px; background-color: transparent !important; padding: 0 !important;}
.sliderArrow .owl-theme .owl-nav [class*=owl-] svg{display: none;}
.sliderArrow .owl-theme .owl-nav [class*=owl-] span{height: 100%; background-position: center center; background-repeat: no-repeat; display: block; text-indent: -9999px;}
.sliderArrow .owl-theme .owl-nav [class*=owl-]:hover{ background-color: var(--primary_background_color) !important;}
.sliderArrow .owl-carousel .owl-nav .owl-prev{left: -50px;}
.sliderArrow .owl-carousel .owl-nav .owl-next{right: -50px;}
.sliderArrow .owl-carousel .owl-nav .owl-prev span{background-image: url("../images/icons/arrow-left.svg") !important;}
.sliderArrow .owl-carousel .owl-nav .owl-next span{background-image: url("../images/icons/arrow-right.svg") !important}
.sliderArrow .owl-theme .owl-nav .disabled{display: none;}
.galleryPopupLeft .sliderArrow .owl-theme .owl-nav [class*=owl-]{ background: #fafafa !important; -moz-box-shadow: 0px 2px 8px 1px rgb(43 43 43 / 20%); -webkit-box-shadow: 0px 2px 8px 1px rgb(43 43 43 / 20%); box-shadow: 0px 2px 8px 1px rgb(43 43 43 / 20%); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-indent: -9999px; background-position: center center !important; background-repeat: no-repeat !important; opacity: 1;}
.galleryPopupLeft .sliderArrow .owl-carousel .owl-nav .owl-prev{left: 12%; background-image: url("../images/icons/gallery-arrow-left.svg") !important;}
.galleryPopupLeft .sliderArrow .owl-carousel .owl-nav .owl-next{right: 12%; background-image: url("../images/icons/gallery-arrow-right.svg") !important}
.galleryPopupLeft .sliderArrow .owl-theme .owl-nav [class*=owl-]:hover{ background-color: #EDEDEB !important;}
.galleryPopupLeft .sliderArrow .owl-theme .owl-nav [class*=owl-] span{display: none;}

/* End Quilt Show Gallery Page */
.quilt-tag{font-size: 12px; line-height: 16px; font-weight: 700;}
.filterImg .quilt-tag{position: absolute; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); min-width: 65px; padding: 4px 7px; top: 8px; right: 8px; text-transform: uppercase; text-align: center; background: #fafafa; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; z-index: 9;}
.description{font-size: 14px; line-height: 16px;}
.quilt-comment-title h4{font-size: 16px; line-height: 18px;}
.quilt-show-comment .galleryComment li{font-size: 12px; line-height: 16px;}
.uploadTooltip{font-size: 18px; line-height: 20px; font-weight: 400;}
.shareStoryRight .tooltip > .tooltip-inner {font-size: 18px ; line-height: 21px !important;}
.quilt-show-enter-right .form-group label, .admin-edit-label label{font-family: 'Karla', sans-serif !important; font-size: 18px; line-height: 21px; font-weight: 700; cursor: default;}
.quilt-show-enter-right .form-group label span.required, .admin-edit-label label span.required{margin-left: 8px; color: #C34847; font-weight: 400;}
.quilt-show-enter-right .form-group .radioBox label, .quilt-show-enter-right .form-group .checkBox label, .quilt-show-enter-right .form-group.checkBox label{cursor: pointer; font-size: 16px; line-height: 24px; font-weight: 400;}
.quilt-show-enter-right .checkBox.italic .checkmark{top: 5px;}
.quilt-show-share .custom-file-hover{border: none;}
.quilt-show-share .custom-file-hover img{cursor: default;}
.quilt-show-share .quilt-show-enter-left{width: 50%;}
.quilt-show-share .galleryPopupRight{padding-top: 16px;}
.admin-edit-label label{margin-bottom: 8px; }
.decade-preview-banner .custom-file-hover{height: 104px; width: 394px;}
.decade-preview-banner .custom-file-hover .uploadIcon{background-size: 24px; background-position: center; margin-top: -16px; }
.decade-highlight-banner .custom-file-hover{height: 179px;}
.admin-highlight .quiltGallery{margin: 0 -11px; width: calc(100% + 22px);}
.admin-highlight .quiltGallery .filterColumn{display: inline-block; opacity: 1;}
.account-story-entries{ padding: 16px 24px; position: relative;  margin-bottom: 24px;}
.account-story-entries.card{-moz-box-shadow: 0 2px 8px 1px rgba(43,43,43,.2); -webkit-box-shadow: 0 2px 8px 1px rgba(43,43,43,.2); box-shadow: 0 2px 8px 1px rgba(43,43,43,.2);}
.account-story-entries a{text-decoration: underline !important;}
.account-story-entries a:hover{text-decoration: none !important; opacity: 0.8;}
.img_cnt{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.charcounter-container{display: inline-block; position: absolute; right: 0; bottom: -14px; font-size: 10px; line-height: 10px;}
.jconfirm .jconfirm-box div.jconfirm-title-c{font-size: 20px; line-height: 27px; font-weight: 600; color: #1a1a1a;}
.jconfirm-box-container.jconfirm-animated.col-md-4{max-width: 580px; width: 100%; float: none !important; margin: 0 auto !important;}
.jconfirm .jconfirm-box .jconfirm-buttons .btn{margin: 0 8px !important;}

.quilt_mobile_slider{display: none;}
.mobile-dis-in-block{display: none !important;}
.quilt_mobile_slider .owl-carousel .owl-dots .owl-dot{margin-top: 0;}
.quilt_mobile_slider .owl-carousel .owl-dots .owl-dot span{background-color: #cacaca; opacity: 1;}
.quilt_mobile_slider .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background-color: #339FD8; opacity: 1;}
.backArrow { background: url(../images/icons/backArrow.svg) 0 center no-repeat; padding-left: 30px; color: #2b2b2b;}
.mt-40{margin-top:40px;}
.filterCategory .quilt-gallery-btn{padding-top:24px;}
.filterCategorySelect{width: 200px; margin: 0 auto; }
.filterCategoryBox label{font-family: 'Karla', sans-serif !important; font-size: 14px; line-height: 18px;}
.filterCategoryBox select.form-control{background-color: #fafafa; border-color: #d3d3d3; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.green-text-color{color: #62C476;}
.red-text-color{color: #CD1D00;}
.blue-text-color{color: #339FD8}
a.disabled {pointer-events: none; cursor: not-allowed; opacity: 0.7;}
.font-14{font-size: 14px;}
.quilt_img_upload .modal-header .close{position: absolute; top: 18px; right: 16px;}
.quilt_img_upload .modal-header h5{font-size: 18px;}
.filterText .galleryIcon img{height: auto; max-width: inherit; width: auto;}
.description .desc-div{font-size: 14px; line-height: normal;}
#qtext {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#qtext.expanded {
  -webkit-line-clamp: unset;
}
#seeMoreBtn{text-transform: uppercase; text-decoration: underline !important; color: #47A0C4; font-weight: 500; font-family: 'Karla', sans-serif !important; font-size: 16px;}
#seeMoreBtn:hover{color: #2b2b2b;}

@media (max-width : 1280px) {
.filterCategory{padding-bottom: 129px;}
.modalPopup .galleryPopup{width: calc(100% - 70px);}
.quilt-show-small li{height: 158px;}
}

@media (max-width : 1200px) {
.quilt-show-small li{height: 146px;}
.quilt-show-enter-left{width: 55%;}
.quilt-show-enter-right{width: 45%;}
}

@media (max-width : 1152px) {
.filterBtn .btn{min-width: 100px;}  
.quilt-show-small li{height: 139px;}
}

@media (max-width : 1024px) {
.filterCategory{padding-bottom: 66px;}
.filterBtn{margin-left: 0; margin-right: -15px; text-align: left; white-space: nowrap; position: relative; overflow: hidden; overflow-x: auto;}
.filterColumn{width: calc(33% - 4px);}
.filterBtn .btn{min-width: 120px;}
.filterBtn .btn:last-child{margin-right: 16px;}

.modalPopup .galleryPopup{width: calc(100% - 40px);}
.quilt-gallery ul {margin: 0 -12px;}
.galleryPopupLeft{width: 100%; padding: 0 14px;}
.galleryPopupImg{padding: 0 50px;}
.galleryPopupRight{width: 100%; padding: 32px 14px 0;}
.votepopup{right: 55px;}

.shareStory{margin-bottom: 24px;}
.quilt-show-enter-left{float: none; margin: 0 auto; width: 100%;}
.quilt-show-enter-right{float: left; margin: 32px auto 0; width: 100%;}
.quilt-show-big{max-width: 100%;}
.quilt-show-big ul li{width: calc(33.33% - 4px); min-width: 264px;}
.quilt-show-small li{width: 130px; height: 173px;}
.filterColumn.filter-ads-25 img{height: 92.5vw;}
.galleryPopupTopRight{margin-top: 24px;}
.quilt-show-share .quilt-show-enter-left{width: 100%;}
.quilt-gallery-edit{display: block;}
.sport_slider{display: block;}
.sport_slider .filterColumn{width: 100%;}
.sport_slider .filterText span{text-align: left;}
}

@media (max-width : 979px) {
.quilt-gallery li{width: 50%; max-width: 425px;} 
.shareStoryGallery{float: none;}
.quilt-gallery li{width: calc(50% - 4px);}
.filterColumn.filter-ads-50{width: calc(66% - 4px);}
.shareStory{display: block;}
.shareStoryEdit{margin-top: 24px;}
.shareStoryLeft{float: none; width: 100%;}
.shareStoryRight{float: none; text-align: left; margin-top: 0; width: 100%;}
.shareStoryRight{margin: 0 -6px; width: calc(100% + 12px);}
.shareStoryRight a, .shareStoryRight button{margin:10px 6px 0; padding: 1px 10px; min-width: inherit;}

}

@media (max-width : 767px) {
.quilt-banner-box{padding: 40px 0;}
.quilt-gallery li{width: 100%; max-width: 425px;}
.quilt-gallery-btn{padding-top: 24px; display: block;}
.quilt-gallery-btn a{margin: 8px 0 0;}
.quilt-gallery-btn a:first-child{margin: 0;}
.quilt-gallery li p{font-size: 14px;}
.quilt-gallery h2, .galleryPopupTitle h2{margin-bottom: 16px;}

.uploadTooltip .tooltip{left: auto !important; -moz-transform: translate3d(-190px, 22px, 0px) !important; -webkit-transform: translate3d(-190px, 22px, 0px) !important; transform: translate3d(-190px, 22px, 0px) !important; }

.filterBtn{margin-right: -15px; margin-left: -5px; padding-bottom: 8px;}
.filterBtn .btn:last-child{margin-right: 12px;}
.filterBox{margin: 0 -6px;}
.filterColumn{width: calc(50% - 4px); padding: 12px 6px;}
.filterBorder{top: 6px; left: 6px;}
.filterText{padding-top: 12px;}
.filterText span{margin-top: 0;}
.filterCategory .filterImgHover a.btn{ min-width: inherit; width: 145px;}
.quiltGallery .filterBox{margin: 0 -16px;}
.quiltGallery .filterColumn{padding: 16px 16px 12px; width: 100%; border-top: 1px solid #d3d3d3;}
.quiltGallery .filterColumn:first-child{border-top: 0;}
.quiltGallery .filterText{padding-top: 10px; float: none; clear: both;}
.quiltGallery .filterText .vote{top: 5px; right: 0; position: static;}
.quiltGallery .filterText h4{padding-right: 0; width: calc(100% - 140px); display: inline-block;}
.filterText span{ display: block;}
.filterRegion.caption{font-size: 11px;}
.description{display: block;}
.galleryIcon .edit{margin-top: 4px;}
.galleryIcon .exit{top: 10px;}
.galleryIcon li a{background-size: 20px !important;}
.galleryIcon .edit a{background-size: 16px !important;}
.galleryIcon li img{width: 28px !important;}
.adsImg .col-md-6{margin-top: 16px;}
.adsImg .col-md-6:first-child{margin-top: 0;}
.galleryPopupTitle{padding-right: 0; margin-top: 24px;}
.galleryPopupTitle h2{margin-bottom: 4px;}
.votepopup{top: -10px;}
.quilt-show-enter-left{float: none; margin: 0 auto; width: 100%;}
.quilt-show-enter-right{float: left; margin: 32px auto 0; width: 100%;}
.quilt-show-big{max-width: 100%;}
.quilt-show-big ul li{width: calc(33.33% - 4px); min-width: 264px;}
.quilt-show-small li{width: 130px; height: 173px;}
.galleryPopupTitle p{padding-bottom: 16px;}
.galleryPopupImg{padding: 0;}
.galleryPopupLeft{padding: 0 2px;}
.galleryPopupRight{padding: 24px 2px 0;}
.quilt-gallery h2{margin-bottom: 0;}
.quilt-gallery ul{margin: 0}
.quilt-gallery li{width: 100%; padding-right: 16px;}
.quilt-gallery li:first-child{padding-top: 20px;}
.register-gallery{margin-top: 20px; padding: 20px;}
.filterImgHover.d-flex{display: flex !important;}
.quiltGallery .filterImgHover.d-flex, .quiltGallery .filterHover .vote{ display: none !important;}
.filterImgHover.d-flex.mobile-hide, .mobile-hide{display: none !important;}
.account-quilt-entries .filterTextDrop .dropMenu{ bottom: 9px !important; top: auto !important;}

.headBtnFix .shareStoryRight{position: fixed; z-index: 999; top: 42px; padding: 12px 12px; background: #fff; width: 100%; left: 0; -moz-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); box-shadow: 0px 2px 8px 1px rgba(43, 43, 43, 0.2); margin: 0; }
.shareStory .mt-40{margin-top: 10px;}
.shareStoryRight .tooltip > .tooltip-inner{max-width: 240px !important;}
.shareStoryRight a, .shareStoryRight button, .shareStoryRight a:first-child, .shareStoryRight button:first-child{margin-left: 3px; margin-right: 3px; width: calc(50% - 8px);}
.shareStoryRight a.btn-100, .shareStoryRight button.btn-100{width: calc(100% - 8px)}
.shareStoryRight{margin: 0; width: 100%;}
.headBtnFix .shareStoryRight {padding-left: 16px; padding-right: 16px;}
.shareStoryRight a, .shareStoryRight button{float: none; display: block; margin: 10px auto 0; width: 100% !important;}
.shareStoryRight a:first-child, .shareStoryRight button:first-child{margin: 0 auto;}

.quilt-show-big{width: 100%; float: none; max-width: 345px; margin: 0 auto;}
.quilt-show-small{width: 100%; float: none; max-width: 345px; margin: 24px auto 0;}
.quilt-show-small li{width: calc(33.33% - 3px); height: 141px; display: inline-block; padding: 0 3px; margin: 0;}
.quilt-show-small li:first-child{padding-left: 0;}
.quilt-show-small li:last-child{padding-right: 0;}
.quilt-show-small li span{left: 50%; margin-left: -12px; top: -10px;}
.quilt-show-enter-right{margin-top: 32px;}
.quiltGallery .filterImgHover.d-flex, .quiltGallery .filterHover .vote{ display: none !important;}
.mt-mo-80{margin-top: 80px;}
.pt-mo-112{padding-top: 112px;}
.quilt-show-enter{position: relative;}
.quilt-show-big ul{text-align: center;}
.community_quilt_enter_left .uploadTooltip{position: relative;}
.uploadTooltip .tooltip{left: auto !important; -moz-transform: translate3d(-190px, 22px, 0px) !important; -webkit-transform: translate3d(-190px, 22px, 0px) !important; transform: translate3d(-190px, 22px, 0px) !important; }
.shareStoryRight .tooltip > .tooltip-inner{max-width: 240px !important;}
.quilt-show-big ul li{max-width: 288px; width: 100%;}
.quilt-gallery h2, .shareStoryLeft h2{font-size: 24px; line-height: 32px;}
.quilt-gallery li h3{font-size: 22px; line-height: normal;}
.quilt-show-enter-right .form-group label{font-size: 16px; line-height: 18px; font-weight: 600;}
.quilt-show-enter-right{padding-right: 12px;}
.filterColumn.filter-ads-25 img{height: auto;}
.galleryPopupLeft .sliderArrow .owl-carousel .owl-nav .owl-next{right: 6px;}
.galleryPopupLeft .sliderArrow .owl-carousel .owl-nav .owl-prev{left: 6px;}
.modal-dialog.galleryPopup{margin-left: 4px !important; width: calc(100% - 20px) !important;}
.galleryPopupTop{display: block;}
.galleryPopupTopRight{position: absolute; right: 40px; top: -38px;}
.quilt-show-share .galleryPopupRight{padding: 16px;}
.register-story-form-box{display: block;}
.jconfirm .jconfirm-box .jconfirm-buttons .btn{width: 100%; margin: 12px 0 0 !important;}
.jconfirm .jconfirm-box .jconfirm-buttons .btn:first-child{margin: 0 !important;}

.quilt_desktop_img{display: none;}
.quilt_mobile_slider, .description{display: block;}
.mobile-dis-in-block{display: inline-block !important;}
.filterText .galleryIcon {display: flex; align-items: center;}
.description{margin-top: 6px;}
.filterCategoryBox{display: block;}
.filterCategorySelect, .mobile-width-100{max-width: 100%; width: 100%;}
.filterCategorySelect{margin: 12px 0 0;}
.filterCategorySelect:first-child{margin: 0;}
.galleryPopupStatus{font-size: 16px; line-height: 19px;}
.galleryIconEdit .exit{right: 0; top: 9px;}
.galleryIconEdit .edit{right: 36px; margin-top: 2px;}
.shareStoryRightBtn{display: block;}
.filterCategory .quilt-gallery-btn{padding-left: 0; padding-right: 0;}
.filterCategory .quilt-gallery-btn a{width: 100%;}
.sport_slider .filterColumn{padding: 16px 0 0;}
.sport_slider .filterColumn:first-child{padding: 0;}
.hbq_sport_story .sport_slider .item{max-width: 100%; padding: 0;}
.sport_slider .hbq_sport_story .item{padding: 0;}
.owl-carousel .owl-dots, .owl-carousel .owl-nav{margin-top: 8px;}
}