.qodef-core-dashboard{max-width:initial!important}.qodef-core-dashboard .qodef-core-dashboard-inner{margin:0 -15px;display:inline-block;width:100%}.qodef-core-dashboard .qodef-cd-logo{display:inline-block;vertical-align:middle;padding-right:15px;width:62px}.qodef-core-dashboard .qodef-cd-title{display:inline-block;vertical-align:middle;font-size:41px;font-weight:400;margin:0}.qodef-core-dashboard .qodef-cd-title-holder{margin-bottom:30px}.qodef-core-dashboard .qodef-cd-subtitle{font-size:18px;line-height:25px;font-weight:400;color:#555d66;max-width:610px;margin:10px 0 30px}.qodef-core-dashboard .qodef-core-dashboard-column{float:left;width:100%;max-width:610px;padding:0 15px}.qodef-core-dashboard .qodef-core-dashboard-column.qodef-cd-smaller-column{max-width:380px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box{background-color:#fff}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-core-bottom-space{margin-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:28px 34px 23px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder p{margin:19px 0 0;padding:0;font-size:16px;line-height:22px;font-weight:400;color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-box-title-holder p{font-size:14px;line-height:20px;margin:17px 0 0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-label{font-weight:600;margin-bottom:15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h2{margin:0;padding:0;font-size:25px;font-weight:400;color:#32373c;text-align:left}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h3{margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-field-holder{padding-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-label{display:block;color:#555d66;font-size:14px;margin-bottom:7px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input{border:none;border-bottom:1px solid #c2c2c2;outline:0;width:50%;box-shadow:none;color:#555d66;font-size:14px;padding:4px 0;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus{outline:0;border-color:#c2c2c2}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:active,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:focus,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill{-webkit-text-fill-color:#666!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-field{border-bottom-color:#ee3535}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-message{display:block;color:#ee3535;font-size:12px;margin-top:5px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem{border:1px solid #e1e1e1;border-left:3px solid #ee3535;padding:15px;margin-bottom:25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem p{font-size:12px;line-height:18px;font-weight:600;margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box:last-child .qodef-cd-box-row:last-child{padding-bottom:10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button{padding:7px 35px;font-size:16px;line-height:1em;color:#fff;background-color:#3596ee;border:none;border-radius:5px;box-shadow:0 2px 0 0 #246eae;cursor:pointer}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-cd-button-disabled,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-import-demo-data-disabled{background-color:#6bb4f7}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button-wait{display:none;font-size:12px;color:#3596ee;margin-left:15px;font-weight:400}.qodef-core-dashboard .qodef-core-dashboard-column a.qodef-cd-button{text-decoration:none}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section{padding:0 35px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section h3{padding:0;margin:0 0 24px;color:#555d66;font-size:17px;line-height:20px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list{padding:10px 35px;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li{font-size:15px;margin:0 0 25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li a{color:#3675ae}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-row{display:table;padding:0 20px;border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;font-size:14px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-label,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{display:table-cell;width:50%;padding:17px 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{color:#3e87be}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value-false span{color:#ea3a27}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0 30px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section{padding:0 0 28px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns{display:flex;margin:0 -15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column{padding:0 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:first-child{width:75%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:last-child{width:25%}.qodef-cd-import-single-page,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-cd-import-option,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-import-demo{width:100%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single{border-radius:0;border-color:#e1e1e1;height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-is-completed,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong{display:none;color:#3596ee;font-size:14px;font-weight:600}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong a{color:inherit}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-dependency,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-progress{display:none}#qodef-progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:5px}#qodef-progress-bar[value]::-webkit-progress-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:0}#qodef-progress-bar{color:#3596ee}#qodef-progress-bar::-moz-progress-bar{background:#3596ee}#qodef-progress-bar::-webkit-progress-value{background:#3596ee}#qodef-progress-bar[aria-valuenow]:before{background:#3596ee}.qodef-cd-selection li.select2-results__option{padding:10px;margin:0}.qodef-cd-selection img{vertical-align:middle;padding-right:20px}.select2-container--default .qodef-cd-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-action-selection li.select2-results__option,.qodef-cd-single-page-selection li.select2-results__option{margin:0}.select2-container--default .qodef-cd-action-selection .select2-results__option[aria-selected=true],.select2-container--default .qodef-cd-single-page-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-action-selection .select2-results__option--highlighted,.select2-container--default .qodef-cd-single-page-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qode-cd-switch{display:inline-block;border:1px solid #e1e1e1;border-radius:40px;overflow:hidden}.qode-cd-switch .qodef-cd-import-attachments{display:none}.qode-cd-switch .qode-cd-cb-disable,.qode-cd-switch .qode-cd-cb-enable{display:block;float:left;padding:0 10px}.qode-cd-switch .qode-cd-cb-disable.selected,.qode-cd-switch .qode-cd-cb-enable.selected{background-color:#3596ee;color:#fff}.qode-cd-switch .qode-cd-cb-disable span,.qode-cd-switch .qode-cd-cb-enable span{line-height:32px;font-size:13px;display:block;font-weight:700}.qodef-cd-demos-list,.qodef-cd-demos-list article,.qodef-cd-demos-list article .qodef-cd-demo-item-inner{position:relative;display:inline-block;vertical-align:middle;width:100%}.qodef-cd-demos-list{background:#fff;box-sizing:border-box;padding:45px 35px}.qodef-cd-demos-list article{box-sizing:border-box}.touch .qodef-cd-demos-list article{cursor:pointer}.qodef-cd-demos-list article .qodef-cd-demo-item-link{position:absolute;display:block;width:100%;height:100%;top:0;left:0}.qodef-cd-demos-list article .qodef-cd-demo-item-link:focus{box-shadow:none}.qodef-cd-demos-list article .qodef-cd-di-image{padding:0 0 22px}.qodef-cd-demos-list article .qodef-cd-di-image img{box-shadow:0 0 9px 4px rgba(0,0,0,.05)}.qodef-cd-demos-list article .qodef-cd-di-text{padding-bottom:10px}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-title{padding:0;margin:0;font-size:18px;line-height:25px;font-weight:400}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories{font-size:14px;font-weight:400;color:#555d66}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span{position:relative;display:inline-block;vertical-align:middle;padding:0;margin:0 7px 0 0}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:after{position:absolute;top:0;right:-4px;content:', ';color:inherit;line-height:inherit}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:last-child:after{display:none}.qodef-cd-demos-list.qodef-cd-no-space article{padding:0;margin:0}.qodef-cd-demos-list.qodef-cd-tiny-space article{padding:0 5px;margin:0 0 10px}.qodef-cd-demos-list.qodef-cd-small-space article{padding:0 10px;margin:0 0 20px}.qodef-cd-demos-list.qodef-cd-normal-space article{padding:0 15px;margin:0 0 30px}.qodef-cd-demos-list.qodef-cd-medium-space article{padding:0 25px;margin:0 0 50px}.qodef-cd-demos-list.qodef-cd-large-space article{padding:0 30px;margin:0 0 60px}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-demos-list-inner{opacity:0}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry article{width:100%}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-gutter{width:0}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:50%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:25%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article{width:20%}.qodef-cd-demos-list .qodef-cd-demos-filter-holder{padding:0 0 60px 25px}.qodef-cd-demos-list .qodef-cd-dlf-search{position:relative;width:250px;padding-right:30px;display:inline-block}.qodef-cd-demos-list .qodef-cd-dlf-search .qodef-cd-dlf-search-icon{position:absolute;left:0;top:50%;margin-top:-11px;color:#3594cd}.qodef-cd-demos-list .qodef-cd-dlf-search input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #c2c2c2;box-shadow:none;padding-left:25px;outline:0;font-size:14px;line-height:26px;color:#555d66}.qodef-cd-demos-list .qodef-cd-dlf-filter{position:relative;display:inline-block;vertical-align:bottom}.qodef-cd-demos-list .qodef-cd-dfl-filter-list{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;list-style:none}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{position:relative;display:inline-block;vertical-align:middle;padding:0 10px;margin:0;float:left;cursor:pointer;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{position:relative;display:inline-block;vertical-align:middle;color:#555d66;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap;border-bottom:1px solid transparent;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li.qodef-cd-demos-current span,.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li:hover span{border-bottom-color:#3596ee;color:#3596ee}#qodef-demo-import-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}#qodef-demo-import-popup .qodef-import-popup-close{position:absolute;right:25px;top:25px;text-decoration:none;color:#000}#qodef-demo-import-popup .qodef-core-dashboard{margin:0;padding:27px 40px 2px;background-color:#fff;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column{max-width:670px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:0;margin:0 0 33px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder{max-width:205px;margin-right:19px;display:inline-block;vertical-align:top}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder img{display:block;max-width:100%}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder{display:inline-block;vertical-align:top;max-width:calc(100% - 230px);border:1px solid #e1e1e1;border-left:3px solid #3596ee;box-sizing:border-box;padding:16px 17% 11px 18px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p{margin:0;font-size:12px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p.qode-demo-plugins-intall-main-title{margin:0 0 7px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-install-link{color:#4b9eef;text-decoration:none}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-intalled{color:#6ab375}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner.active{visibility:visible}@media only screen and (max-width:1400px){.qodef-cd-dlf-filter{display:block;padding-top:30px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{padding:5px 10px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{line-height:26px}}@media only screen and (max-width:1280px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1024px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}}@media only screen and (max-width:768px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:50%}}@media only screen and (max-width:600px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:100%}}.cff-wrapper:after {
content: "";
display: table;
clear: both;
}
#cff {
float: left;
width: 100%;
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cff-wrapper-ctn {
overflow: hidden;
box-sizing: border-box;
}
.cff-wrapper-ctn.cff-wrapper-fixed-height {
overflow: auto;
overflow-x: hidden;
}
#cff .cff-masonry-posts,
#cff .cff-posts-wrap,
.cff-wrapper-ctn {
position: relative;
clear: both;
height: 100%;
top: 0;
bottom: 0;
width: 100%;
}
#cff .cff-posts-wrap-box-shadow {
padding: 5px;
}
#cff .cff-item {
float: left;
width: 100%;
clear: both;
padding: 20px 0 15px 0;
margin: 0;
border-bottom: 1px solid #ddd;
}
#cff .cff-item:first-child {
padding-top: 0;
}
#cff .cff-item.cff-box,
#cff .cff-item.cff-box:first-child {
padding: 15px;
margin: 8px 0;
background: rgba(255, 255, 255, 0.5);
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff .cff-item.cff-box:first-child {
margin-top: 0;
}
#cff .cff-item.cff-box:last-child {
margin-bottom: 0;
}
#cff .cff-item.cff-shadow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.cff-header {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
}
.cff-header .fa,
.cff-header svg {
margin: 0 10px 0 0;
padding: 0;
}
.cff-visual-header {
margin-bottom: 24px !important;
}
.cff-visual-header .cff-header-hero {
width: 100%;
height: 300px;
position: relative;
overflow: hidden;
}
.cff-visual-header .cff-header-hero img {
width: 100%;
display: none;
}
.cff-visual-header .cff-likes-box {
position: absolute;
bottom: 10px;
right: 10px;
padding: 5px;
background: #eee;
line-height: 1;
border-radius: 2px;
color: #445790;
}
.cff-visual-header .cff-likes-box .cff-square-logo {
float: left;
display: inline-block;
line-height: 0;
}
.cff-visual-header .cff-likes-box .cff-square-logo svg {
width: 18px;
vertical-align: top;
}
.cff-visual-header .cff-likes-box .cff-likes-count {
float: left;
display: inline-block;
margin-left: 8px;
vertical-align: top;
font-size: 15px;
line-height: 20px;
}
.cff-visual-header .cff-header-inner-wrap {
position: relative;
display: block;
text-decoration: none !important;
}
.cff-visual-header .cff-header-inner-wrap a {
color: inherit !important;
border: 0;
}
.cff-visual-header .cff-header-img img {
display: block;
width: 100px;
border-radius: 3px;
padding: 0;
margin: 0;
}
.cff-visual-header.cff-has-cover .cff-header-img img {
border: 2px solid #fff;
}
.cff-visual-header .cff-header-img {
position: absolute;
display: inline-block;
line-height: 1;
}
.cff-visual-header.cff-has-cover .cff-header-img {
top: -25px;
left: 10px;
}
.cff-visual-header .cff-header-text {
display: inline-block;
float: left;
margin: 20px 0 0 120px;
}
#cff .cff-visual-header .cff-header-text h3,
.cff-visual-header .cff-header-text h3 {
display: inline-block;
width: auto;
margin: 0 8px 0 0;
padding: 0;
font-size: 1.2em;
line-height: 1.2em;
}
.cff-visual-header .cff-header-text {
padding-top: 10px;
margin: 0;
}
.cff-visual-header.cff-has-name {
min-height: 100px;
}
.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text {
min-height: 75px;
}
.cff-visual-header.cff-has-name .cff-header-text {
margin-left: 120px;
}
.cff-visual-header.cff-has-cover.cff-has-name .cff-header-text {
margin-left: 125px;
}
.cff-visual-header.cff-has-name .cff-header-text {
padding-top: 30px;
}
.cff-visual-header.cff-has-name.cff-has-about .cff-header-text,
.cff-visual-header.cff-has-name.cff-has-cover .cff-header-text {
padding-top: 10px;
}
#cff .cff-visual-header .cff-header-inner-wrap .cff-bio,
.cff-visual-header .cff-header-inner-wrap .cff-bio {
display: block;
width: 100%;
clear: both;
margin: 3px 0 0 0;
padding: 0;
line-height: 1.2em;
}
.cff-visual-header .cff-header-name {
float: left;
padding: 0 5px 2px 0;
}
.cff-visual-header .cff-bio-info {
font-size: 0.9em;
line-height: 1.7;
}
.cff-visual-header .cff-bio-info svg {
display: inline-block;
width: 1em;
vertical-align: middle;
position: relative;
top: -2px;
}
.cff-posts-count svg {
padding-right: 3px;
}
.cff-header-inner-wrap:after,
.cff-header-text:after {
display: table;
clear: both;
content: " ";
}
#cff .cff-less {
display: none;
}
#cff.cff-default-styles a {
text-decoration: none;
}
#cff.cff-default-styles a:focus,
#cff.cff-default-styles a:hover {
text-decoration: underline;
}
#cff .cff-post-text-link {
display: block;
}
.cff-post-text {
width: 100%;
float: left;
}
#cff .cff-post-desc,
#cff h3,
#cff h4,
#cff h5,
#cff h6,
#cff p {
float: left;
width: 100%;
clear: both;
padding: 0;
margin: 5px 0;
word-wrap: break-word;
}
#cff.cff-default-styles .cff-post-desc,
#cff.cff-default-styles h3,
#cff.cff-default-styles h4,
#cff.cff-default-styles h5,
#cff.cff-default-styles h6,
#cff.cff-default-styles p {
line-height: 1.4;
}
#cff .cff-date {
float: left;
min-width: 50px;
width: auto;
}
#cff.cff-default-styles .cff-date {
font-size: 11px;
}
#cff .cff-author {
float: left;
clear: both;
margin: 0 0 15px 0;
padding: 0;
line-height: 1.2;
width: 100%;
}
#cff .cff-author a {
text-decoration: none;
border: none;
}
#cff .cff-author-img {
float: left;
width: 40px;
height: 40px;
margin: 0 0 0 -100% !important;
font-size: 0;
background: #eee;
background: url(//nas.edu.au/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;
background-size: 100%;
border-radius: 50%;
}
#cff .cff-author img {
float: left;
margin: 0 !important;
padding: 0 !important;
border: none !important;
font-size: 0;
border-radius: 50%;
}
#cff .cff-author-img.cff-no-consent img {
display: none;
}
.cff-no-consent .cff-header-text {
margin-left: 0 !important;
}
.cff-no-consent .cff-header-hero,
.cff-no-consent .cff-header-img {
display: none !important;
}
#cff .cff-author .cff-author-text span.cff-page-name {
display: table-cell;
vertical-align: middle;
height: 40px;
margin: 0;
font-weight: 700;
padding-left: 50px;
float: none;
}
#cff .cff-author .cff-story {
font-weight: 400;
}
#cff.cff-default-styles .cff-author a {
text-decoration: none;
}
#cff .cff-author.cff-no-author-info .cff-date {
margin-top: 12px !important;
}
#cff .cff-author.cff-no-author-info .cff-author-img {
width: 40px;
height: 40px;
background: url(//nas.edu.au/wp-content/plugins/custom-facebook-feed/assets/img/cff-avatar.png) no-repeat;
margin: 0 !important;
}
#cff .cff-author .cff-author-text {
float: left;
width: 100%;
}
#cff .cff-author .cff-date,
#cff .cff-author .cff-page-name {
float: left;
clear: both;
width: auto;
margin: 0 0 0 50px !important;
}
#cff.cff-default-styles .cff-author .cff-author-text * {
font-weight: 700;
line-height: 1.2;
}
#cff .cff-author .cff-date {
color: #9197a3;
font-size: 11px;
margin-top: 2px !important;
margin-bottom: 0 !important;
}
#cff.cff-default-styles .cff-author .cff-date {
font-weight: 400;
}
#cff .cff-author .cff-page-name.cff-author-date {
float: left;
padding: 3px 0 0 0;
font-size: 14px;
}
#cff .cff-cta-link a,
.cff-media-link .fa {
display: inline-block;
width: auto;
padding: 5px 7px 5px 6px;
margin-right: 6px;
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
background: rgba(0, 0, 0, 0.02);
}
#cff .cff-cta-link a:hover,
.cff-media-link .fa:hover {
background: #f9f9f9;
background: rgba(0, 0, 0, 0.03);
text-decoration: none;
}
#cff .cff-cta-link a {
padding: 5px 15px;
}
#cff .cff-break-word {
word-break: break-all;
}
#cff .cff-expand {
display: none;
}
#cff.cff-default-styles .cff-expand a {
font-size: 11px;
font-weight: 400;
}
#cff .cff-shared-link {
float: left;
clear: both;
width: 100%;
padding: 5px 10px;
margin: 10px 0 5px 0;
background: #f9f9f9;
border: 1px solid #d9d9d9;
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.07);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff .cff-no-styles {
background: 0 0;
border: none;
padding: 0;
}
#cff .cff-link {
float: left;
clear: both;
max-width: 20%;
margin: 10px 0 0 0;
}
#cff .cff-link img {
max-width: 100%;
}
#cff .cff-link-title {
float: left;
clear: both;
width: 100%;
display: block;
}
#cff.cff-default-styles .cff-link-title {
font-weight: 700;
}
#cff p.cff-link-title {
margin: 5px 0 0 0;
}
#cff .cff-text-link {
float: left;
clear: none;
width: 72%;
margin-left: 3%;
padding: 0 0 5px 0;
}
#cff .cff-link-caption {
margin: 0;
}
#cff.cff-default-styles .cff-link-caption {
font-size: 12px;
}
#cff .cff-text-link.cff-no-image {
width: 100%;
margin-left: 0;
}
#cff .cff-post-desc {
margin: 5px 0 0 0;
}
#cff .cff-details {
float: left;
clear: none;
width: 100%;
margin: 0;
padding: 0;
}
#cff .cff-details h5 {
margin: 0 0 5px 0;
}
#cff.cff-default-styles .cff-details h5 {
padding: 0;
font-size: 16px;
}
#cff.cff-default-styles .cff-details p {
font-size: 14px;
}
#cff .cff-timeline-event .cff-date,
#cff .cff-timeline-event .cff-info,
#cff .cff-timeline-event .cff-timeline-event-title,
#cff .cff-timeline-event .cff-where {
display: block;
width: 100%;
clear: both;
}
#cff .cff-details .cff-info {
padding: 10px 0 0 0;
}
#cff.cff-default-styles .cff-details .cff-info {
line-height: 1.2;
}
#cff .cff-desc-wrap {
float: left;
width: 100%;
}
#cff .cff-note-title {
display: block;
font-weight: 700;
padding-bottom: 5px;
}
#cff .cff-post-links {
float: left;
clear: none;
padding: 5px 0 0 0;
margin: 0;
}
#cff.cff-default-styles .cff-post-links {
font-size: 11px;
}
#cff .cff-post-links.cff-left {
float: left;
margin: 8px 0;
}
#cff.cff-default-styles .cff-post-links a {
font-size: 11px;
}
#cff .cff-post-links a:first-child {
padding-left: 0;
margin: 0;
}
#cff .cff-dot {
padding: 0 5px;
}
#cff .cff-share-container {
position: relative;
display: inline;
}
#cff .cff-share-tooltip {
display: none;
position: absolute;
z-index: 1000;
bottom: 22px;
right: -40px;
width: 110px;
padding: 3px 5px 4px 5px;
margin: 0;
background: #333;
color: #eee;
font-size: 12px;
line-height: 1.3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff .cff-share-tooltip .fa-play {
position: absolute;
font-size: 8px;
bottom: -6px;
left: 50%;
margin-left: -3px;
color: #333;
}
#cff .cff-share-tooltip a .fa,
#cff .cff-share-tooltip a svg {
font-size: 16px;
margin: 0;
padding: 5px;
}
#cff .cff-share-tooltip a {
display: block;
float: left;
margin: 0 !important;
padding: 0 !important;
color: #eee !important;
opacity: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#cff .cff-share-tooltip a:hover {
color: #fff !important;
}
#cff .cff-share-tooltip .cff-facebook-icon:hover {
background: #3b5998;
}
#cff .cff-share-tooltip .cff-twitter-icon:hover {
background: #00aced;
}
#cff .cff-share-tooltip .cff-google-icon:hover {
background: #dd4b39;
}
#cff .cff-share-tooltip .cff-linkedin-icon:hover {
background: #007bb6;
}
#cff .cff-share-tooltip .cff-pinterest-icon:hover {
background: #cb2027;
}
#cff .cff-share-tooltip .cff-email-icon:hover {
background: #dd4b39;
}
#cff .cff-share-tooltip a.cff-show {
opacity: 1;
transition: opacity 0.2s ease;
}
.cff-likebox {
float: left;
width: 100%;
position: relative;
margin: 20px 0 0 0;
}
.fb_iframe_widget {
border: none;
overflow: hidden;
}
.cff-likebox .fb_iframe_widget {
width: 100%;
}
.cff-likebox .fb_iframe_widget span {
width: 100% !important;
}
.cff-likebox .fb_iframe_widget iframe {
margin: 0;
position: relative;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
}
.cff-likebox.cff-top.cff-outside {
margin-bottom: 10px;
}
.cff-likebox.cff-bottom.cff-outside {
margin-top: 10px;
}
#cff.cff-fixed-height {
padding: 5px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff .cff-error-msg {
display: none;
position: relative;
font-size: 12px;
font-family: sans-serif;
padding: 8px 12px;
border: 1px solid #ddd;
margin-bottom: 10px;
clear: both;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#cff .cff-error-msg p {
float: none;
}
#cff .cff-error-msg .cff_notice_dismiss {
position: absolute;
top: 4px;
right: 8px;
}
#cff #cff-error-reason {
display: none;
padding: 5px 0 0 0;
clear: both;
}
#cff.cff-default-styles .cff-credit {
font-size: 11px;
}
#cff.cff-default-styles .cff-credit a {
text-decoration: none;
}
#cff .cff-credit img {
float: left;
margin: -2px 5px 0 0;
}
#cff .cff-credit .fa {
padding-right: 5px;
font-size: 13px;
}
.cff-credit a {
display: flex;
align-items: center;
}
.cff-screenreader {
text-indent: -9999px !important;
display: block !important;
width: 0 !important;
height: 0 !important;
line-height: 0 !important;
}
@media all and (max-width: 640px) {
#cff.cff-width-resp {
width: 100% !important;
}
.cff-wrapper .cff-visual-header .cff-header-img img {
width: 80px;
}
.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text {
margin-left: 95px;
}
.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text {
margin-left: 105px;
}
}
#cff .cff-comment .cff-comment-text img,
#cff img.emoji,
#cff-lightbox-wrapper .cff-comment .cff-comment-text img,
#cff-lightbox-wrapper img.emoji {
float: none;
max-width: 100%;
}
#cff .cff-linebreak {
display: block;
height: 5px;
}
#cff.cff-masonry .cff-item.cff-box {
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry {
box-sizing: border-box;
}
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-item:first-child {
padding-top: 20px;
margin-top: 0;
}
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-likebox {
float: none;
display: inline-block;
width: 30.3%;
margin: 0 1.5%;
margin-bottom: 20px;
}
#cff.cff-masonry.cff-opaque-comments .cff-item {
z-index: 1;
}
#cff.cff-masonry.masonry-2-desktop .cff-item {
width: 47%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-4-desktop .cff-item {
width: 22%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-5-desktop .cff-item {
width: 17%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-6-desktop .cff-item {
width: 13.516%;
margin: 0 1.5%;
}
@media (min-width: 481px) and (max-width: 800px) {
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-likebox,
#cff.cff-masonry.masonry-2-desktop .cff-item,
#cff.cff-masonry.masonry-3-desktop .cff-item,
#cff.cff-masonry.masonry-4-desktop .cff-item,
#cff.cff-masonry.masonry-5-desktop .cff-item,
#cff.cff-masonry.masonry-6-desktop .cff-item {
width: 100%;
margin: 0;
}
#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-likebox {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-likebox {
width: 30.3%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-4-tablet .cff-item,
#cff.cff-masonry.masonry-4-tablet .cff-likebox {
width: 22%;
margin-left: 1.5%;
margin-right: 1.5%;
}
}
@media (max-width: 480px) {
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-likebox,
#cff.cff-masonry.masonry-2-desktop .cff-item,
#cff.cff-masonry.masonry-3-desktop .cff-item,
#cff.cff-masonry.masonry-4-desktop .cff-item,
#cff.cff-masonry.masonry-5-desktop .cff-item,
#cff.cff-masonry.masonry-6-desktop .cff-item {
width: 100%;
margin: 0;
}
#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-likebox {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-likebox {
width: 30.3%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item {
width: 100%;
}
}
#cff.cff-masonry .cff-comments-box {
position: relative;
z-index: 999;
}
#cff.cff-masonry .cff-comment-attachment,
#cff.cff-masonry .cff-comment-replies-box {
max-width: 100%;
}
#cff.cff-masonry .cff-load-more {
display: block;
float: left;
clear: both;
}
#cff.cff-masonry.cff-masonry-css {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
#cff.cff-masonry.cff-masonry-css {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-fill: auto;
column-fill: unset;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-desktop {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css .cff-item,
#cff.cff-masonry.cff-masonry-css .cff-likebox,
#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item {
float: none;
display: inline-block;
width: 100%;
margin: 0 0 12px 0;
}
#cff.cff-masonry.cff-masonry-css .cff-likebox {
width: 99.5%;
}
#cff.cff-masonry.cff-masonry-css .cff-load-more {
margin: 0 0 10px 0;
position: relative;
bottom: 0;
}
@media only screen and (max-width: 780px) {
#cff.cff-masonry.cff-masonry-css,
#cff.cff-masonry.cff-masonry-css.masonry-2-desktop,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile,
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-item {
width: 100%;
}
}
#cff.cff-disable-masonry {
height: auto !important;
}
#cff.cff-disable-masonry .cff-item,
#cff.cff-disable-masonry .cff-likebox {
position: relative !important;
top: auto !important;
}
#cff.cff-dark .cff-album-item,
#cff.cff-dark .cff-item,
#cff.cff-dark .cff-item.cff-box,
#cff.cff-dark .cff-item.cff-box:first-child {
background-color: rgba(0, 0, 0, 0.85);
color: rgba(255, 255, 255, 0.75);
}
#cff.cff-dark .cff-item a {
color: #fff;
text-decoration: underline;
}
#cff.cff-dark .cff-date {
color: rgba(255, 255, 255, 0.5);
}
#cff.cff-dark .cff-album-info a,
#cff.cff-dark .cff-author-date,
#cff.cff-dark .cff-post-links a {
color: #fff;
}
#cff.cff-dark .cff-album-info p {
color: rgba(255, 255, 255, 0.75);
}
#cff.cff-light .cff-album-item,
#cff.cff-light .cff-item,
#cff.cff-light .cff-item.cff-box,
#cff.cff-light .cff-item.cff-box:first-child {
background-color: rgba(255, 255, 255, 0.95);
color: rgba(0, 0, 0, 0.8);
}
#cff.cff-light .cff-item a {
color: #000;
text-decoration: underline;
}
#cff.cff-light .cff-date {
color: rgba(0, 0, 0, 0.5);
}
#cff.cff-light .cff-album-info a,
#cff.cff-light .cff-author-date,
#cff.cff-light .cff-post-links a {
color: #000;
}
#cff.cff-light .cff-album-info p {
color: rgba(0, 0, 0, 0.7);
}
.cff-num-diff-hide {
display: none !important;
}
.cff-gdpr-notice {
max-width: 100%;
box-sizing: border-box;
padding: 8px 15px;
margin: 0;
font-size: 12px;
background: #fdf7f7;
display: inline-block;
border-radius: 5px;
border: 1px solid #e4b1b1;
line-height: 1.3;
display: none;
}