/* Table of Content ================================================== 1.0 - Transition 2.0 - Image Caption 3.0 - Browser Fix 4.0 - Default Color 5.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-image-caption.type4 .dt-sc-image-content:before, .dt-sc-image-caption.type9 .dt-sc-image-wrapper .icon-wrapper, .dt-sc-image-caption.type8, .dt-sc-image-caption.type7 .dt-sc-image-content h3:before, .dt-sc-image-caption.type7 .dt-sc-image-content h3:after, .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption.type2 .dt-sc-image-wrapper img, .dt-sc-image-caption.type2, .dt-sc-image-caption.type2 .dt-sc-image-content, .dt-sc-image-caption.type2 .dt-sc-image-title, .dt-sc-image-caption.type2 .dt-sc-image-title:before, .dt-sc-image-caption.type2 .dt-sc-image-title > *, .dt-sc-image-caption.type5, .dt-sc-image-caption.type5 h3, .dt-sc-image-caption.type6, .dt-sc-image-caption.type6 .dt-sc-image-wrapper img, .dt-sc-image-caption.type6:before, .dt-sc-image-caption.type8 .dt-sc-image-wrapper img, .dt-sc-image-caption.type9 .dt-sc-image-overlay, .dt-sc-image-caption.type9 .dt-sc-image-content, .dt-sc-image-caption.type4 .dt-sc-image-content, .dt-sc-image-caption.type4 .dt-sc-image-content h3, .dt-sc-image-caption.type4 .dt-sc-button span, .dt-sc-image-caption.type8 .dt-sc-image-content, .dt-sc-image-caption.type8 *, .dt-sc-image-caption.type8 *:before, .dt-sc-image-caption.type9 .dt-sc-image-wrapper:before, .dt-sc-image-caption.type5 .dt-sc-image-content:after, .dt-sc-image-caption.type2 .dt-sc-image-wrapper:before, .dt-sc-image-caption.type2 .dt-sc-image-content p, .dt-sc-image-caption.type2 .dt-sc-image-wrapper, .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type4 .dt-sc-image-title h6 span, .dt-sc-image-caption.type6:before, .dt-sc-image-caption.type6:after, .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper, .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper span, .dt-sc-image-caption.type9 .dt-sc-image-content, .dt-sc-image-caption.type9 .dt-sc-image-content * { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } /*-------------------------------------------------------------- 1.1 - Image Caption --------------------------------------------------------------*/ .dt-sc-image-caption { float:left; clear:both; width:100%; margin:0; padding:0; } .dt-sc-image-caption .dt-sc-image-wrapper { position:relative; overflow: hidden; } .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper { position:absolute; bottom:0; right:0; z-index: 1; } .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span { font-size:36px; margin: 0 15px 20px 0; display:inline-block; position:relative; z-index:1; } .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:before { content:""; position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:128px solid; border-left:128px solid transparent; z-index: -1; } .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:after { content:""; position:absolute; left:-14px; bottom:-32px; width:7px; height:200px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index: -1; } .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper img { width: 48px; margin-right: 8px; margin-bottom: 12px; } .dt-sc-image-caption .dt-sc-image-content { display:inline-block; clear:both; margin:30px 0 0; } .dt-sc-image-caption .dt-sc-image-title { display: inline-block; margin-bottom: 20px; width: 100%; } .dt-sc-image-caption .dt-sc-image-title > *:only-child, .dt-sc-image-caption .dt-sc-image-title > h3:only-child, .dt-sc-image-caption .dt-sc-image-content > p:last-child {margin-bottom: 0;} .dt-sc-image-caption .dt-sc-image-content:first-child { margin:0 0 30px; } .dt-sc-image-caption .dt-sc-image-title h3 { margin-bottom: 10px; position:relative; font-size: 30px; } .dt-sc-image-caption .dt-sc-image-title h3 + h6 { margin-bottom: 0; margin-top: -10px; font-weight: 500; } .dt-sc-image-caption .dt-sc-image-content a { margin-top: 20px; } .dt-sc-image-caption.type2 {float:left;clear: none;margin:0 0 40px;padding: 40px 35px;width:100%;text-align:center;background: #fff; border: 1px solid rgba(0, 0, 0, .15);} .dt-sc-image-caption.type2 .dt-sc-image-wrapper { border-radius: 50%; width: 75%; height: auto; float: none; display: inline-block; position: relative; z-index: 0; overflow: visible; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:before { position: absolute; content: ""; display: block; width: 100%; height: 100%; left: 0; right: 0; margin: 0 auto; top: 0; z-index: -1; opacity: 0; visibility: hidden; border-radius: 45%; } .dt-sc-image-caption.type2:hover .dt-sc-image-wrapper:before {transform: rotate(90deg);border-radius: 50%;opacity: 1;visibility: visible;box-shadow: 0 0 10px 5px rgba(0,0,0,0.25);} .dt-sc-image-caption.type2 .dt-sc-image-wrapper img { border-radius: 50%; float: left; } .dt-sc-image-caption.type2:hover .dt-sc-image-wrapper img { transform: scale(0.95); } .dt-sc-image-caption.type2 .dt-sc-image-content { margin-top: 0px; margin-bottom: 22px; } .dt-sc-image-caption.type2 .dt-sc-image-content p, .dt-sc-image-caption.type2 .dt-sc-image-title { margin-bottom:0; } .dt-sc-image-caption.type2 .dt-sc-image-title h3 { top: 0; margin-bottom: 10px; line-height: normal; } .dt-sc-image-caption.type2 .dt-sc-image-title h6 { margin-bottom: 25px; } .dt-sc-image-caption.type2 .dt-sc-image-content a {padding: 5px 10px;margin-left: 5px;color: #fff;background: #000;} .dt-sc-image-caption.type2:hover .dt-sc-image-wrapper { background: #fff; } .dt-sc-image-caption.type2.alignleft { text-align: left; } .dt-sc-image-caption.type2.alignright { text-align: right; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper { bottom: -42px; right: -70px; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper:after { display: none; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:first-child .icon-wrapper {bottom: auto; top: 0; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:first-child .icon-wrapper:before {bottom: auto; top: -36px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:first-child .icon-wrapper span {margin: -10px 18px 0 0; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper img { margin-top: -20px; border-radius: 0; } .dt-sc-image-caption.type3 { text-align:center; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper { overflow: hidden; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper {background: none; border: none; bottom: -35px; display: inline-block; height: 100px; left: 0; /*line-height: 70px;*/ margin: 0 auto; position: absolute; right: 0; text-align: center; width: 100px; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span {display: block; font-size: 36px; line-height: inherit; margin: 35px 0 0 0; text-align: center;width: 100%; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper img {left: 0; margin: 0 auto; position: relative; right: 0; top: 22px; width: 42px; z-index: 1; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper:before { content: none; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper:after { content:""; height: 100%; margin:auto; position: absolute; bottom: -20px; left: 0; right: 0; width: 100%; -webkit-transform:rotate(45deg); transform:rotate(45deg); } .dt-sc-image-caption.type3 .dt-sc-image-content { margin-top: 35px; padding: 0 20px; } .dt-sc-image-caption.type3 .dt-sc-image-title { margin-bottom:15px; } .dt-sc-image-caption.type3:hover .dt-sc-image-wrapper .icon-wrapper span { color: #000; } .dt-sc-image-caption.type3.alignright, .dt-sc-image-caption.type3.alignright .dt-sc-image-wrapper .icon-wrapper { text-align: right; } .dt-sc-image-caption.type3.alignleft, .dt-sc-image-caption.type3.alignleft .dt-sc-image-wrapper .icon-wrapper { text-align: left; } .dt-sc-image-caption.type4 .dt-sc-image-title h3 { display: table-footer-group; font-size: 32px; } .dt-sc-image-caption.type4:hover .dt-sc-image-title h3 a { background: none; color: inherit; } .dt-sc-image-caption.type4 .dt-sc-image-title h3 a:hover { color: #050505; } .dt-sc-image-caption.type4 .dt-sc-image-wrapper .icon-wrapper span.icon { margin-right: 0; } .dt-sc-image-caption.type4 .dt-sc-image-wrapper .icon-wrapper img {bottom: 0; left: -10px; margin: auto; position: relative; right: 0; top: -18px; } .dt-sc-image-caption.type4 .dt-sc-image-wrapper .icon-wrapper:after { display: none; } .dt-sc-image-caption.type4 .dt-sc-image-content { margin-top:40px; position:relative; padding: 0;} .dt-sc-image-caption.type4 .dt-sc-image-title h6 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; } .dt-sc-image-caption.type4 .dt-sc-image-title h6 span { color: #f4f4f4; font-size: 65px; left: 0; margin: auto; position: absolute; top: 0; bottom: 0; width: 100%; z-index: -1; } .dt-sc-image-caption.type4 .dt-sc-image-content .dt-sc-image-title { display: table; position: relative; padding: 0 0 40px; margin: 0 0 40px; } .dt-sc-image-caption.type4 .dt-sc-image-content .dt-sc-image-title:before { content:""; position:absolute; left:0; margin:0 auto; bottom: 0; display:inline-block; background-color:rgba(51, 51, 51, 0.14); width:100px; height:2px; line-height:0; } .dt-sc-image-caption.type4 .dt-sc-image-title h3 + h6 { padding: 30px 0 45px; position: relative; } .dt-sc-image-caption.type4 .dt-sc-image-content a.dt-sc-button { margin-top: 50px; } /* .dt-sc-image-caption.type4:hover .dt-sc-button.bordered.with-icon.icon-right.type2 span { right: -30px; opacity: 0; } */ .dt-sc-image-caption.type4.alignright, .dt-sc-image-caption.type4.alignright .dt-sc-image-content h3, .dt-sc-image-caption.type4.alignright .dt-sc-image-content h6 { text-align: right; } .dt-sc-image-caption.type4.alignleft, .dt-sc-image-caption.type4.alignleft .dt-sc-image-content h3, .dt-sc-image-caption.type4.alignleft .dt-sc-image-content h6 { text-align: left; } .dt-sc-image-caption.type5 {float:left;clear:both;margin:0 0 40px;padding: 0 15px;width:100%;text-align:center;position: relative;top: 0;} .dt-sc-image-caption.type5:hover { top: -5px; } .dt-sc-image-caption.type5 .dt-sc-image-content { margin-top:20px; position: relative; padding-bottom: 20px; border-bottom: 2px solid; display: block; } .dt-sc-image-caption.type5 .dt-sc-image-content:after { content: ""; position: absolute; left: 0; width: 100%; height: 0; bottom: 2px; right: 0; margin: auto;} .dt-sc-image-caption.type5:hover .dt-sc-image-content:after { height: 3px; } .dt-sc-image-caption.type5 .dt-sc-image-title { margin-bottom:0; } .dt-sc-image-caption.type5 h3 { display: inline-block; text-transform: capitalize; } .dt-sc-image-caption.type5 .dt-sc-image-title > h3:only-child { margin: 0; } .dt-sc-image-caption.type5.alignleft { text-align: left; } .dt-sc-image-caption.type5.alignright { text-align: right; } .dt-sc-image-caption.type5.alignleft h3, .dt-sc-image-caption.type5.alignright h3 { padding:6px 0 5px; } .dt-sc-image-caption.type6 { overflow: hidden; position: relative; } .dt-sc-image-caption.type6:before { background: rgba(0,0,0,1); background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0, 0, 0, .11)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ''; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */ height: 100%; left: 0; position: absolute; width: 100%; z-index: 1; } .dt-sc-image-caption.type6:hover:before { height: 0; } .dt-sc-image-caption.type6:after { border: none !important; content: ''; display: block; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; background: rgba(0,0,0,1); background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0, 0, 0, .11)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0, 0, 0, .11) 100%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ''; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */ transform: scaleY(-1); } .dt-sc-image-caption.type6:hover:after { height: 200%; } .dt-sc-image-caption.type6 .dt-sc-image-wrapper { padding: 0; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper { display: block; margin-bottom: 20px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper:before, .dt-sc-image-caption.type6 .dt-sc-image-wrapper .icon-wrapper:after { border:none; background:none; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper span { margin: 0; position:relative; z-index:3; font-size: 60px; } .dt-sc-image-caption.type6 .dt-sc-image-content { color:#ffffff; float:left; margin-top: 0; position: absolute; left: 0; bottom: 0; padding: 0 30px; width:100%; z-index: 9; margin-bottom: 25px; } .dt-sc-image-caption.type6 .dt-sc-image-title { margin-bottom:10px; } .dt-sc-image-caption.type6 h3 { color: #ffffff; position: relative; z-index: 3; } .dt-sc-image-caption.type6 h6 { font-size: 14px; width: auto; float: none; display: inline-block; } .dt-sc-image-caption.type6 .dt-sc-image-title h3 + h6 { color: #ffffff; margin-top: -5px; } .dt-sc-image-caption.type6:hover { z-index:9; } .dt-sc-image-caption.type6:hover .dt-sc-image-wrapper img { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); } .dt-sc-image-caption.type6 .dt-sc-image-content, .dt-sc-image-caption.type6 .dt-sc-image-content > * { color: #fff; } .dt-sc-image-caption.type6.alignleft { text-align: left; } .dt-sc-image-caption.type6.alignright { text-align: right; } .dt-sc-image-caption.type6.alignleft .dt-sc-image-wrapper .icon-wrapper { right: auto; left: 40px; } .dt-sc-image-caption.type6.alignright .dt-sc-image-wrapper .icon-wrapper { left: auto; right: 40px; } .dt-sc-image-caption.type6.alignleft h3:before { left: 0; right: auto; } .dt-sc-image-caption.type6.alignright h3:before { right: 0; left: auto; } .dt-sc-image-caption.type7 { position: relative; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper { float:left; width:65%; margin:0; padding: 0 0 0 6%; position:relative; } .dt-sc-image-caption.type7 .dt-sc-image-content { background-color: #f4f4f4; border: 1px solid; -webkit-backface-visibility: visible; backface-visibility: visible; float: left; width: 35%; clear: none; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 6%; line-height: 26px; padding: 40px 40px 35px; overflow: hidden; } .dt-sc-image-caption.type7 .dt-sc-image-title { display: table; margin-bottom: 20px; position: relative; padding: 0 0 30px 0; } .dt-sc-image-caption.type7 .dt-sc-image-title h3 { font-size: 20px; } .dt-sc-image-caption.type7 .dt-sc-image-title h6 { display: table-header-group; font-size: 14px; line-height: 32px; text-transform: uppercase; } .dt-sc-image-caption.type7 .dt-sc-image-title:after { content: ""; position: absolute; left: -40px; background-color: #050505; width: 50%; height: 1px; bottom: 10px; } .dt-sc-image-caption.type7 .dt-sc-image-content p { margin-bottom: 0; } .dt-sc-image-caption.type7.alignleft .dt-sc-image-content { text-align: left; } .dt-sc-image-caption.type7.alignright .dt-sc-image-content { text-align: right; } .dt-sc-image-caption.type7.bottom-content .dt-sc-image-wrapper { width:100%; margin:0; } .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content { width:100%; margin-top:90px; } .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper { float:right; padding: 0 6% 0 0; } .dt-sc-image-caption.type7.left-content .dt-sc-image-content { left: 6%; right: auto; } .dt-sc-image-caption.type7.top-content .dt-sc-image-wrapper { width:100%; margin:0; } .dt-sc-image-caption.type7.top-content .dt-sc-image-content { width:100%; margin-top:70px; margin-bottom:90px; } .dt-sc-image-caption.type7.dt-sc-rounded { box-sizing: border-box;display: inline-block;float: none;margin: 0 auto 50px;position: relative;width: 92%; } .dt-sc-image-caption.type7.dt-sc-rounded:last-child {margin-bottom: 0;} .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper {border-radius: 50%;float: left;left: 0;overflow: hidden;position: absolute;top: 0;width: 170px; background: #000; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper img { border-radius: 50%; height: auto; width: 170px; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content p { font-size: 16px; line-height: 26px; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper { left: 0; opacity: 0; top: 0; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper img { border-radius: 0; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 40px; } .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-wrapper .icon-wrapper { opacity: 1; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper img {font-size: 40px; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper:before {background: rgba(0,0,0,.85); border-radius: 50%; content: ''; display: block; height: 140px; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 140px; left: 50%; border: none; right: auto; bottom: auto; } .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-wrapper .icon-wrapper:before { width: 120px; height: 120px; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper img { width: 50px; } .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-wrapper .icon-wrapper img { width: 70px; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper .icon-wrapper:after {content: none;} .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-wrapper > img {-moz-box-shadow: 0 0 0 20px #fff;-moz-transform: scale(0.7);-ms-transform: scale(0.7);-webkit-box-shadow: 0 0 0 20px #fff;-webkit-transform: scale(0.7);box-shadow: 0 0 0 20px #fff;transform: scale(0.7);} .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-wrapper .icon-wrapper {height: 100%;} .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-wrapper .icon-wrapper span { font-size: 60px; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content {font-weight: 300;padding: 0 0 0 200px;position: relative;text-align: left;width: 100%;transform: translateY(0);} .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-title {margin-bottom: 10px;} .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content h3 { margin-bottom: 15px; padding-bottom: 26px; position: relative; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content h3:before {bottom: 0;content: "";display: block;height: 2px;left: 0;position: absolute;width: 50px;background: rgba(0, 0, 0, .2);} .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content h3:after {bottom: 0;content: "";display: block;height: 2px;left: 0;position: absolute;width: 0;} .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-content h3:before {width: 0;} .dt-sc-image-caption.type7.dt-sc-rounded:hover .dt-sc-image-content h3:after {width: 50px;} .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-title h3 + h6 { margin-top: 0; } .dt-sc-image-caption.type7.dt-sc-rounded.bottom-content .dt-sc-image-wrapper { margin: 0; width: 100%; } .dt-sc-image-caption.type7.dt-sc-rounded.bottom-content .dt-sc-image-wrapper:before { border-bottom: 15px solid #ffffff; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 0; bottom: 0; left: 0; right: 0; top: inherit; width: 0; } .dt-sc-image-caption.type7.dt-sc-rounded.bottom-content .dt-sc-image-content { margin-top: 90px; width: 100%; } .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-wrapper { float: right; left: auto; margin: 0 0 0 3%; position: absolute; right: 0; } .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-wrapper:before { border-left: 15px solid #ffffff; border-right: 0; left: 0; right: inherit; } .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-content h3:before, .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-content h3:after { left: auto; right: 0; } .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-content { padding: 0 200px 0 0; text-align: right; } .dt-sc-image-caption.type7.dt-sc-rounded.top-content .dt-sc-image-wrapper { margin: 0; width: 100%; } .dt-sc-image-caption.type7.dt-sc-rounded.top-content .dt-sc-image-wrapper:before { border-bottom: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #ffffff; bottom: inherit; left: 0; right: 0; top: 0; width: 0; } .dt-sc-image-caption.type7.dt-sc-rounded.top-content .dt-sc-image-content { margin-bottom: 90px; margin-top: 70px; width: 100%; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper:before { display: none; } .wpb_column.vc_column_container.vc_col-sm-3 .dt-sc-image-caption.type7.dt-sc-rounded, .wpb_column.vc_column_container.vc_col-sm-2 .dt-sc-image-caption.type7.dt-sc-rounded { float: left; padding: 30px; width: 100%; } .wpb_column.vc_column_container.vc_col-sm-3 .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper, .wpb_column.vc_column_container.vc_col-sm-2 .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper { position: static; width: 170px; } .wpb_column.vc_column_container.vc_col-sm-3 .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper img, .wpb_column.vc_column_container.vc_col-sm-2 .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper img {float: left;} .wpb_column.vc_column_container.vc_col-sm-3 .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content, .wpb_column.vc_column_container.vc_col-sm-2 .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content { padding: 50px 0 0; width: 100%; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper img { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -ms-transition: all 0.9s ease; transition: all 0.9s ease; } .dt-sc-image-caption.type8 { position: relative; box-shadow: 0 0 1px 1px rgba(0,0,0,0.15); -moz-box-shadow:0 0 1px 1px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.15); } .dt-sc-image-caption.type8 .dt-sc-image-wrapper{position:static;} .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper{position:absolute; bottom:-30px;left: 0; right: 0; margin: 0 auto; text-align: center;z-index: 9; width: 60px; height: 60px;} .dt-sc-image-caption.type8 .dt-sc-image-content{position:relative; margin-top:0; padding:15px 20px 45px; z-index:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } _::-webkit-full-page-media, _:future, :root .dt-sc-image-caption.type8 { box-shadow: 0 0 1px rgba(0,0,0,0.6); } .dt-sc-image-caption.type8 .dt-sc-image-content:before { background-image: url(../../images/wave.png); background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 70px; left: 0; margin: auto; position: absolute; right: 0; top: -68px; transform: scaleY(-1); width: auto; z-index: -1; } @media all and (-ms-high-contrast:none) { .dt-sc-image-caption.type8 .dt-sc-image-content:before { display: none; } /* IE10 */ *::-ms-backdrop, .dt-sc-image-caption.type8 .dt-sc-image-content:before { display: none; } /* IE11 */ } .dt-sc-image-caption.type8:hover, .dt-sc-image-caption.type8:hover .dt-sc-image-wrapper .icon-wrapper:before { box-shadow:0 0 10px 0 rgba(0,0,0,0.35); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.35); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.35); } .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper img {bottom: 0; font-size: 30px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 35px; } @media all and (-ms-high-contrast:none) { .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper span { line-height: 35px; } /* IE10 */ *::-ms-backdrop, .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper span { line-height: 35px; } /* IE11 */ } .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper:before { border-radius: 50%; content: ''; display: block; height: 60px; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 60px; left: 50%; border: none; right: auto; bottom: auto; line-height: 60px; } .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper:after{display:none;} .dt-sc-image-caption.type8 .dt-sc-image-wrapper .icon-wrapper:before { background: #000; } .dt-sc-image-caption.type8 .dt-sc-image-title{margin-bottom:10px;} .dt-sc-image-caption.type8.alignleft .dt-sc-image-content { text-align: left; } .dt-sc-image-caption.type8.alignright .dt-sc-image-content { text-align: right; } .dt-sc-image-caption.type8 .dt-sc-image-title h3 + h6 { margin-top: -5px; } .dt-sc-image-caption.type9 { position:relative; overflow: hidden; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper { position:relative; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper:before { background:rgba(0, 0, 0, 0.8); content: ""; height:100%; opacity:0; position:absolute; left: 0; width:100%; z-index: 1; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper img { width: 100%; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper .icon-wrapper {bottom: auto; height: 55px; left: auto; line-height: 55px; padding: 0; right: 5px; text-align: center; top: 5px; width: 55px; z-index: 1; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper .icon-wrapper:before { border: none; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper .icon-wrapper:after { display: none; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper .icon-wrapper span { color: #fff; font-size: 26px; line-height: 55px; margin: 0; z-index: 2; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper .icon-wrapper img { padding: 10px; } .dt-sc-image-caption.type9 .dt-sc-image-content { background: rgba(0, 0, 0, .1); left: 0; margin: auto; padding: 15px 30px; right: 0; text-align: center; width: 100%; } .dt-sc-image-caption.type9 .dt-sc-image-content h3 {font-size: 20px; line-height: normal; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .dt-sc-image-caption.type9 .dt-sc-image-content h6 { margin: 0; } .dt-sc-image-caption.type9.alignleft .dt-sc-image-content, .dt-sc-image-caption.type9.alignleft .dt-sc-image-overlay { text-align: left; } .dt-sc-image-caption.type9.alignright .dt-sc-image-content, .dt-sc-image-caption.type9.alignright .dt-sc-image-overlay { text-align: right; } .dt-sc-image-caption.type9 .dt-sc-image-overlay { margin: 0; opacity:0; padding: 15px 30px; position:absolute; left: 0; top: 0; text-align: center; width:100%; z-index: 1; } .dt-sc-image-caption.type9 .dt-sc-image-overlay h6 { margin-bottom: 15px; } .dt-sc-image-caption.type9 .dt-sc-image-overlay .dt-sc-button { display: table; font-size:14px; letter-spacing:1px; margin: 25px auto 0; } .dt-sc-image-caption.type9 .dt-sc-image-title { margin-bottom: 0; float: left; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper:before { top: -100%; } .dt-sc-image-caption.type9 .dt-sc-image-overlay { background: transparent !important; } .dt-sc-image-caption.type9:hover .dt-sc-image-wrapper:before, .dt-sc-image-caption.type9.alter .dt-sc-image-wrapper:before, .dt-sc-image-caption.type9 .dt-sc-image-overlay, .dt-sc-image-caption.type9.alter .dt-sc-image-overlay { top: 0; } .dt-sc-image-caption.type9:hover .dt-sc-image-overlay, .dt-sc-image-caption.type9.alter .dt-sc-image-overlay { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dt-sc-image-caption.type9 .dt-sc-image-content { bottom: 0; } .dt-sc-image-caption.type9:hover .dt-sc-image-wrapper .icon-wrapper { bottom: -100%; opacity: 0; filter: alpha(opacity=0); top: -5px; right: -5px; } .dt-sc-image-caption.type9:hover .dt-sc-image-wrapper:before, .dt-sc-image-caption.type9.alter .dt-sc-image-wrapper:before, .dt-sc-image-caption.type9:hover .dt-sc-image-overlay, .dt-sc-image-caption.type9.alter .dt-sc-image-overlay { opacity:1; filter: alpha(opacity=100); } .dt-sc-image-caption.type9:hover .dt-sc-image-content h3 { color: #fff; } .dt-sc-image-caption.type9 .dt-sc-image-overlay, .dt-sc-image-caption.type9 .dt-sc-image-overlay * { color: #fff; } .dt-sc-image-caption.type9 .dt-sc-image-overlay .dt-sc-button:hover { background:#ffffff; border-color: rgba(0,0,0,0); color: #333; } .dt-sc-image-caption.type9 .dt-sc-image-wrapper:before { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .dt-sc-image-caption.type9.alignright { text-align: right; } .dt-sc-image-caption.type9.alignleft { text-align: left; } /* IE9 and above */ @media screen and (min-width:0\0) { .type8.dt-sc-image-caption .dt-sc-image-content::before { border: none; box-shadow: 0 0 0 7px #fff; -ms-box-shadow: 0 0 0 7px #fff; top: -24px; } } /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ .dt-sc-image-caption .dt-sc-image-title span { color:#000000; } .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption:hover .dt-sc-image-content a, .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type2:hover .dt-sc-image-title *, .dt-sc-image-caption.type2:hover .dt-sc-image-content h3, .dt-sc-image-caption.type2:hover .dt-sc-image-content p, .dt-sc-image-caption.type2:hover .dt-sc-image-content p, .dt-sc-image-caption.type9:hover .dt-sc-image-content h6 { color:#ffffff; } .dt-sc-image-caption .dt-sc-image-title h6 { color:rgba(0, 0, 0, 0.5); } .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:after { background:#ffffff; } .dt-sc-image-caption:hover .dt-sc-image-content a { background:#000000; } .dt-sc-image-caption.type2 .dt-sc-image-title:before { background:rgba(0, 0, 0, 0.9); } .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption .dt-sc-image-title span { border-bottom-color:#000000; } /*----*****---- << Desktop >> ----*****----*/ @media only screen and (min-width:1200px) and (max-width:1440px) { .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper { right: -64px; } .dt-sc-image-caption.type3 .dt-sc-image-content { padding: 0 15px; } .dt-sc-image-caption.type6 h3 { font-size: 24px; } .dt-sc-image-caption.type6 .dt-sc-image-content { margin-bottom: 18px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper span { font-size: 44px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper { margin-bottom: 8px; } .dt-sc-image-caption.type6 .dt-sc-image-title { margin-bottom: 0; } .dt-sc-image-caption.type6 .dt-sc-image-title h3 + h6 { margin-bottom: 18px; } } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Image Caption **/ .dt-sc-image-caption .dt-sc-image-title h3 { font-size: 24px; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper:before { right: 14px; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:first-child .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper img { margin-right: 25px; } .dt-sc-image-caption.type3 .dt-sc-image-content { padding: 0 15px; } .dt-sc-image-caption.type5 img { width: 100%; } .dt-sc-image-caption.type6 .dt-sc-image-title h3 { margin-bottom: 0; } .dt-sc-image-caption.type6 .dt-sc-image-content { padding: 0 25px; margin-bottom: 15px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper { margin-bottom: 10px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper span { font-size: 44px; } .dt-sc-image-caption.type6 .dt-sc-image-title { margin-bottom: 5px; } .dt-sc-image-caption.type2 .dt-sc-image-content p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper, .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper { padding: 0; } .dt-sc-image-caption.type7 .dt-sc-image-content { right: 0; width: 50%; } .dt-sc-image-caption.type7.left-content .dt-sc-image-content { left: 0; } } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Image Caption **/ .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper:before { right: -12px; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:first-child .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper img { margin-right: 0; } .dt-sc-image-caption.type4 .dt-sc-image-title h3 { font-size: 30px; } .dt-sc-image-caption.type3 .dt-sc-image-title h3 { font-size: 24px; } .dt-sc-image-caption.type3 .dt-sc-image-content { padding: 0 10px; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper:after { width: 80%; height: 80%; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span { font-size: 24px; margin: 40px 0 0 0; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper img { top: 40px; width: 24px; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper { padding: 0; width: 65%; } .dt-sc-image-caption.type7 .dt-sc-image-content { right: 0; width: 40% } .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper { padding: 0; } .dt-sc-image-caption.type7.left-content .dt-sc-image-content { left: 0; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper:before { border-bottom-width: 100px; border-left-width: 100px; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper:after { bottom: -55px; } .page-with-sidebar .dt-sc-image-caption.type7 .dt-sc-image-wrapper { width: 100%; } .page-with-sidebar .dt-sc-image-caption.type7 .dt-sc-image-content { position: relative; top: auto; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; width: 100%; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper span { margin: 0 10px 15px 0; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper img { width: 40px; } .dt-sc-image-caption.type8 { margin-bottom: 75px; } .dt-sc-image-caption.type9 { margin-bottom: 25px; } } /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Image Caption **/ .dt-sc-image-caption .dt-sc-image-wrapper > img, .dt-sc-image-caption .dt-sc-image-content { width: 100%; } .dt-sc-image-caption { margin-bottom: 30px; } .dt-sc-image-caption.type6 { margin-bottom: 0; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper:before { right: -5px; } .dt-sc-image-caption.type4 { margin-bottom: 60px; } .dt-sc-image-caption.type8 { margin: 0 0 50px; } .dt-sc-image-caption.type7 .dt-sc-image-content { margin: 0; } .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content { margin-top: 50px; } .dt-sc-image-caption.type7 .dt-sc-image-content { position: static; top: auto; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper, .dt-sc-image-caption.type7 .dt-sc-image-content, .dt-sc-image-caption.type7.left-content .dt-sc-image-content { width: 100%; margin: 0; } .dt-sc-image-caption.type7 .dt-sc-image-content { padding: 30px; width: 100%; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper:before, .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper:before {border-bottom: 15px solid #fff; border-left: 15px solid transparent !important; border-right: 15px solid transparent !important; border-top: 15px solid transparent; bottom: 0; left: 0; margin: 0 auto; right: 0; top: auto; width: 0; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper, .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper { padding: 0; position: relative; width: 100%; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-wrapper, .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-wrapper { position: relative; margin: 0 0 30px 0; width: auto; } .dt-sc-image-caption.type7.dt-sc-rounded .dt-sc-image-content, .dt-sc-image-caption.type7.dt-sc-rounded.left-content .dt-sc-image-content { padding-left: 0; padding-right: 0; } .dt-sc-image-caption.type9 { margin-bottom: 10px; } .dt-sc-image-caption.type9 .dt-sc-image-overlay p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-image-caption .dt-sc-image-title h3 { font-size: 24px; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper:before { right: 13px; } .dt-sc-image-caption.type2 .dt-sc-image-wrapper:first-child .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-wrapper .icon-wrapper img { margin-right: 22px; } .dt-sc-image-caption.type4 .dt-sc-image-title h3 { font-size: 25px; } .dt-sc-image-caption.type4 .dt-sc-image-content .dt-sc-image-title { padding: 0 0 30px; margin: 0 0 30px; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper:after { width: 80%; height: 80%; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span { font-size: 24px; margin: 40px 0 0 0; } .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper img { top: 40px; width: 24px; } .dt-sc-image-caption.type6 .dt-sc-image-content { margin-bottom: 18px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper span { font-size: 44px; } .dt-sc-image-caption.type6 .dt-sc-image-content .icon-wrapper { margin-bottom: 8px; } .dt-sc-image-caption.type6 .dt-sc-image-title { margin-bottom: 0; } .dt-sc-image-caption.type6 .dt-sc-image-content p { display: none; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper:before { border-bottom-width: 100px; border-left-width: 100px; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper:after { bottom: -55px; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper span { margin: 0 10px 15px 0; } .dt-sc-image-caption.type7 .dt-sc-image-wrapper .icon-wrapper img { width: 40px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Image Caption **/ .dt-sc-image-caption.type2 .dt-sc-image-content p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dt-sc-image-caption.type5 h3 { font-size: 16px; padding: 6px 15px 5px; border-radius: 5px; } .dt-sc-image-caption.type6 { min-height: 140px; padding-bottom: 0; } .dt-sc-image-caption.type6 .dt-sc-image-wrapper { padding: 15px 0 0; } .dt-sc-image-caption.type6 .dt-sc-image-wrapper img { max-height: 140px; } .dt-sc-image-caption.type6 .dt-sc-image-content { margin-top: 10px; } .dt-sc-image-caption.type6:hover:before, .dt-sc-image-caption.type6:hover .dt-sc-image-wrapper img { top: 0; } .dt-sc-image-caption.type9 .dt-sc-image-overlay { padding: 20px 15px; } }