Current Path : /home/theafprt/conviviality360.com/wp-content/themes/salient/css/plugins/ |
Current File : /home/theafprt/conviviality360.com/wp-content/themes/salient/css/plugins/caroufredsel.css |
/* carouFredSel */ .carousel-outer{ overflow:hidden; margin-right:2px } body[data-ajax-transitions="true"] .row.carousel{ opacity:1 } .carousel-heading{ z-index:100; position:relative; margin-bottom:7px; min-height:23px } .carousel-heading h2{ font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:12px; margin-left:10px; margin-bottom:7px } .carousel-wrap .item-count{ font-size:12px } .carousel-wrap[data-full-width="false"] .carousel-heading h2{ font-size:12px } html:not(.js) .carousel-heading{ display:none } .carousel-wrap[data-ctc="light"] .carousel-heading h2, .ascend .carousel-wrap[data-ctc="light"] .carousel-next i, .ascend .carousel-wrap[data-ctc="light"] .carousel-prev i, .carousel-wrap[data-ctc="light"] .item-count, .carousel-wrap[data-full-width="true"][data-ctc="light"] .carousel-heading i{ color:#fff } .recent-work-carousel[data-ctc="light"][data-full-width="true"] .carousel-heading{ background-color:#252525 } .caroufredsel_wrapper, .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a, .woocommerce .products-carousel ul.products .product a{ cursor:grab!important; cursor:-moz-grab!important; cursor:-webkit-grab!important; margin:0!important } .caroufredsel_wrapper.active, .carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info .active, .woocommerce .products-carousel ul.products .product a.active{ cursor:grabbing!important; cursor:-moz-grabbing!important; cursor:-webkit-grabbing!important } body .carousel-wrap{ position:relative; overflow:hidden; margin:0 -10px 0 -10px } body .full-width-section .carousel-wrap{ margin-bottom:0 } .carousel-wrap[data-full-width="true"]{ padding:0 18px; } .carousel-wrap[data-full-width="true"] .carousel-heading{ background-color:#f8f8f8; padding:43px 0 40px 0; margin-bottom:0; text-align:center } body .carousel-wrap[data-full-width="true"] .carousel-heading h2{ font-size:24px; line-height:36px; letter-spacing:0.5px; margin:0 auto; max-width:900px; text-transform:none; font-family:'Open Sans'; font-weight:300 } .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link, .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev, .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next { top:8px!important } .carousel-wrap[data-full-width="true"] .carousel-heading a{ background-color:transparent } .carousel-wrap[data-full-width="true"] .carousel-heading i{ background-color:transparent; color:#888; font-size:30px; line-height:28px; transition:color 0.2s ease 0s } body .carousel-wrap[data-full-width="true"] .carousel-heading .container{ min-height:40px } body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"]{ padding:0 } .carousel-wrap .work-item.style-2, .carousel-wrap[data-full-width="true"]{ margin-bottom:0; } .carousel-wrap[data-full-width="true"] .span_4.no-margin { margin: 0; } .full-width-content .caroufredsel_wrapper{ overflow:visible!important } .carousel-wrap .carousel-heading{ padding:0 } html:not(.js) .carousel-wrap{ display:none } .carousel-wrap .left-border, .carousel-wrap .right-border{ width:10px; display:block; height:100%; position:absolute; top:0; z-index:100; background-color:#f8f8f8 } .carousel-wrap .left-border{ left:0 } .carousel-wrap .right-border{ right:0 } .carousel-next, .carousel-prev{ background-color:#dadada; cursor:pointer; display:block; margin-left:5px; line-height:22px; -webkit-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; background-repeat:no-repeat; position:absolute; top:0; height:20px; width:20px; -webkit-border-radius:1px; border-radius:1px; text-align:center } .carousel-wrap[data-full-width="true"] .carousel-next, .carousel-wrap[data-full-width="true"] .carousel-prev{ height:28px; width:44px } .carousel-wrap[data-full-width="true"] .carousel-next{ text-align:right } .carousel-wrap[data-full-width="true"] .carousel-prev{ text-align:left } .carousel-next{ right:0; padding-left:1px } .carousel-prev{ right:25px; padding-right:1px } .carousel-wrap[data-full-width="false"] .control-wrap{ position:absolute; right:0; top:0 } .carousel-next i, .carousel-prev i, .carousel-wrap .carousel-next i, .carousel-wrap .carousel-prev i{ background-color:transparent; line-height:24px; font-size:14px } .carousel-prev:hover, .carousel-next:hover{ background-color:#000 } ul.row.carousel{ opacity:0 } #ajax-content-wrap .carousel-wrap[data-full-width="true"] .span_4.no-margin .carousel-wrap[data-full-width="true"] .span_4.no-margin{ margin:0 } .carousel-wrap[data-full-width="true"].default-style{ padding:0 20px!important } .carousel-wrap[data-full-width="true"] .work-meta{ padding:0 15px } .carousel-wrap[data-full-width="true"].default-style .work-meta, .carousel-wrap[data-full-width="true"]{ padding:0!important } body .carousel .span_4, body .portfolio-items.carousel .span_4{ margin:0 10px 0 10px } .carousel-wrap[data-full-width="true"].default-style .span_4{ margin:0 15px 0 15px } .carousel .span_4 .clear{ padding-bottom:0; margin-bottom:0 } @media only screen and (min-width: 1000px) and (max-width: 1300px) { .carousel-next { right: 0; padding-left: 1px; } .carousel-prev { right: 25px; padding-right: 1px; } body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { max-width: 720px; } } @media only screen and (min-width : 690px) and (max-width : 999px) { .carousel-next { right: 1px; padding-left: 1px; } .carousel-prev { right: 25px; padding-right: 1px; } } @media only screen and (max-width : 690px) { .carousel-next { right: 1px; padding-left: 1px; } .carousel-prev { right: 25px; padding-right: 1px; } } @media only screen and (min-width : 1px) and (max-width : 999px) { .carousel-wrap[data-full-width="true"] { padding: 0!important; } .carousel-heading h2 { max-width: 83%; font-size: 11px; } .carousel-wrap[data-full-width="true"] { padding: 0 9px; } body .carousel-wrap[data-full-width="true"] .carousel-heading h2 { font-size: 16px; top: 3px; } body .carousel-wrap[data-full-width="true"] .controls { display: block; height: 30px; position: relative; margin-bottom: 10px; width: 130px; margin: 0 auto; margin-top: 25px; } body .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link, body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev, body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next { top: 0!important; } body .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link { margin: 0 auto; position: relative; } body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev { left: 0; margin-left: 0; text-align: left; } body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next { right: 0; } div[data-full-width="false"] .carousel-heading h2 { font-size: 12px; } } @media only screen and (min-width: 480px) and (max-width: 690px) { body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta { width: 66%; } body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta { font-size: 10px; } }