/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         FÆRD
 Author URI:     https://xn--frd-yla.no/
 Template:       Divi
 Version:        1.0.0
*/
/* ----- COOLTRAY PAGE ----- */


/* ----- FONT ----- */

h1, h2, h3, h4 {
    font-family: acumin-pro,sans-serif;
    font-weight: 700;
    font-style: normal;
}

p {
    font-family: acumin-pro,sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* ----- BTN AND SOSIAL MEDIA ICONS THAT DISPLAYS IN ROW AND DO NOT STACK ON TABLET AND MOBILE ----- */
/* ----- have a single row with 2 elements inside, add the class to the one row colum ----- */

.btn-on-row {
	display: flex;
}

.sosial-media-icons {
	display: flex;
}

@media screen and (max-width:460px) {
	.btn-on-row {
	flex-direction: column;
	}
}

/* ---------- RESPONSIVE STACKING ORDER ON MOBILE ---------- */
            /* Add class ".custom_row" to the row */

            @media all and (max-width: 980px) {
                .custom_row {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
                    flex-wrap: wrap;
                }
            
            /* Add ".first-on-mobile" etc. to columns */
                .first-on-mobile {
                    -webkit-order: 1 !important;
                    order: 1 !important;
                }
            
                .second-on-mobile {
                    -webkit-order: 2 !important;
                    order: 2 !important;
                }
            
                .third-on-mobile {
                    -webkit-order: 3;
                    order: 3;
                }
            
                .fourth-on-mobile {
                    -webkit-order: 4;
                    order: 4;
                }
            }
            
            /* ---------- VERTICAL ALIGNMENT OF COLUMN CONTENT IN ROWS ---------- */
            /* ---------- ADD TO THE ROW, EQUAL COLUMN HEIGHT MUST BE ACTIVE ---------- */
            
            .vertical_top {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }
            
            .vertical_center {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            
            .vertical_bottom {
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }
            
            .vertical_space_between {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            
            .horizontal_center {
                display: flex;
                flex-direction: row;
                justify-content: center;
            }