/*—————————————————–*/
/*——Diamond Image Section Layout by Divi Soup——*/
/*—————————————————–*/

.ds-diamond-section {
overflow: hidden;
}
.ds-diamond-image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-webkit-transition: all 1s;
transition: all 1s;
border-radius: 50%;
}
.ds-diamond-image img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.ds-diamond-image {
border: 1px solid #000;
margin: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ds-diamond-row-1.et_pb_row {
width: 67%;
max-width: 67%;
margin: auto;
padding: 30px 0 0 0;
}
.ds-diamond-row-3.et_pb_row {
width: 67%;
max-width: 67%;
margin: auto;
padding: 0 0 30px 0;
}
.ds-diamond-row-2.et_pb_row {
padding: 0;
}
.ds-text-row.et_pb_row {
top: -80px !important;
}
.ds-diamond-title-inner h2 {
font-size: 40px;
margin-left: 38%;
margin-top: -50%;
text-transform: uppercase;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-text-fill-color: white;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: black;
}
.ds-diamond-title-outer h2 {
font-size: 40px;
margin-left: 39%;
margin-top: -45%;
text-transform: uppercase;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-text-fill-color: white;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: black;
}
@media only screen and (max-width: 1740px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 35px;
}
}
@media only screen and (max-width: 1550px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 30px;
}
}
@media only screen and (max-width: 1352px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 1160px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 20px;
}
}
@media only screen and (max-width: 980px) {
.ds-diamond-title-outer h2 {
font-size: 75px;
}
.ds-diamond-title-inner h2 {
font-size: 35px;
margin-bottom: 45%;
}
.ds-diamond-title-outer {
margin-bottom: 50% !important;
}
.ds-diamond-row-1.et_pb_row {
margin-bottom: 0 !important;
}
.ds-diamond-row-2.et_pb_row {
width: 94.5% !important;
padding: 8%;
margin-bottom: 100px !important;
}
}
@media only screen and (max-width: 880px) {
.ds-diamond-title-outer h2 {
font-size: 65px;
}
}
@media only screen and (max-width: 775px) {
.ds-diamond-title-inner h2 {
font-size: 30px;
}
.ds-diamond-title-outer h2 {
font-size: 55px;
}
}
@media only screen and (max-width: 680px) {
.ds-diamond-title-inner h2 {
font-size: 25px;
}
.ds-diamond-title-outer h2 {
font-size: 45px;
}
}
@media only screen and (max-width: 580px) {
.ds-diamond-title-inner h2 {
font-size: 18px;
}
.ds-diamond-title-outer h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 480px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 35px;
}
.ds-diamond-row-2.et_pb_row {
padding: 14%;
margin-bottom: -7% !important;
}
.ds-diamond-image {
margin-bottom: 0 !important;
}
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
margin-left: 39%;
margin-top: -39%;
}
.ds-diamond-title-outer h2 {
margin-bottom: -5%;
}
.ds-diamond-row-1-last h2 {
margin-bottom: -25%;
}
}
@media only screen and (max-width: 460px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 30px;
}
}
@media only screen and (max-width: 375px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 340px) {
.ds-diamond-title-inner h2,
.ds-diamond-title-outer h2 {
font-size: 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 980px) {
.ds-diamond-row-2 .ds-diamond-image {
max-width: 93%;
}
}
/*—————————————————–*/
/*—-End Diamond Image Section Layout by Divi Soup—-*/
/*—————————————————–*/