/*
 Theme Name:   magnitude-child
 Theme URI:    https://www.sbsharma.com/
 Description:  Magnitude child theme 
 Author:       Satpal Bhardwaj
 Author URI:   https://www.sbsharma.com
 Template:     magnitude
 Version:      1.0.0
*/
 
html, body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
}

body {
    background-color: #f7f7f7;
}

.magnitude-header .top-header {
	background-color: #bb1919;
	padding: 0px;
}

body:not(.home) .magnitude-header .top-header {
	padding-bottom: 0px;
}

a:hover, a:focus {
    text-decoration: none;
}

.custom-logo {
	width: 70%;
}

.entry-title {
    font-size: 28px !important;
    line-height: 36px !important;
    font-weight: 700;
}

.heateorSssClear {
	margin-top: 10px;
}

.h2, h2 {
	font-size: 22px;
}

.h3, h3 {
	font-size: 20px;
}

.my-rem-1 {
	margin: 1rem 0px;
}

.text-white, a.text-white:visited {
    color: #ffffff;
}

/* for custom-button */
.entry-content > .custom-button-group a:hover {
	border-bottom: none;
	padding: 9px 16px;
	font-size: 16px;
	color: white;
}

.custom-button-group .wp-block-button__link {
	border: none;
	border-radius: 28px;
	box-shadow: none;
	color: white !important;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	margin: 0;
	padding: 9px 16px;
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.widget-area {
	overflow: hidden;
}

.sidebar-area {
	overflow: hidden;
}

/** Device css */
.device-galaxy-s8 {
            height: 828px;
            max-width: 380px;
            margin: auto;
        }
        .device {
            position: relative;
            transform: scale(1);
            z-index: 1;
        }
        .device, .device::before, .device::after, .device *, .device ::before, .device ::after {
            box-sizing: border-box;
            display: block;
        }

        .device-galaxy-s8.device-blue .device-frame {
            border-color: #a3c5e8;
            box-shadow: inset 0 0 0 2px #5192d4;
        }

        .device-galaxy-s8 .device-frame {
            background: #222;
            border: solid #cfcfcf;
            border-radius: 55px;
            border-width: 5px 0;
            box-shadow: inset 0 0 0 2px #9c9c9c;
            height: 828px;
            padding: 48px 10px 40px 10px;
            width: 100%;
        }
        .device .device-frame {
            z-index: 1;
        }

        .device-galaxy-s8 .device-content {
            border: 2px solid #222;
            border-radius: 34px;
            height: 740px;
            width: 100%;
        }
        .device .device-content {
            background-color: #fff;
            background-position: center center;
            background-size: cover;
            object-fit: cover;
            position: relative;
        }
        .device-galaxy-s8.device-blue .device-stripe::after, .device-galaxy-s8.device-blue .device-stripe::before {
            border-color: rgba(255, 255, 255, .35);
        }
        .device-galaxy-s8 .device-stripe::after {
            left: 48px;
        }
        .device-galaxy-s8 .device-stripe::after, .device-galaxy-s8 .device-stripe::before {
            border: solid rgba(51, 51, 51, .15);
            border-width: 5px 0;
            content: "";
            height: 828px;
            position: absolute;
            top: 0;
            width: 6px;
            z-index: 9;
        }
        .device-galaxy-s8 .device-stripe::before {
            right: 48px;
        }
        .device-galaxy-s8 .device-sensors::after {
            box-shadow: -192px 0 #333, -174px 0 #333, -240px 0 #333;
            height: 8px;
            margin-top: -4px;
            right: -90px;
            width: 8px;
        }
        .device-galaxy-s8 .device-sensors::after, .device-galaxy-s8 .device-sensors::before {
            background: #666;
            border-radius: 50%;
            content: "";
            position: absolute;
            top: 50%;
        }
        .device-galaxy-s8 .device-sensors::before {
            box-shadow: 186px 0 #666;
            height: 12px;
            left: -90px;
            margin-top: -6px;
            width: 12px;
        }
        .device-galaxy-s8 .device-sensors {
            background: #666;
            border-radius: 3px;
            height: 6px;
            left: 50%;
            margin-left: -24px;
            margin-top: -3px;
            position: absolute;
            top: 32px;
            width: 48px;
        }
        .device-galaxy-s8 .device-btns::after {
            background: #9c9c9c;
            border-radius: 3px 0 0 3px;
            content: "";
            height: 54px;
            left: 0;
            position: absolute;
            top: 164px;
            width: 3px;
        }
        .device-galaxy-s8.device-blue .device-btns, .device-galaxy-s8.device-blue .device-btns::after {
            background: #5192d4;
        }
        .device-galaxy-s8 .device-btns {
            background: #9c9c9c;
            border-radius: 3px 0 0 3px;
            height: 116px;
            left: -3px;
            position: absolute;
            top: 144px;
            width: 3px;
        }
        .device-galaxy-s8.device-blue .device-power {
            background: #5192d4;
        }
        .device-galaxy-s8 .device-power {
            background: #9c9c9c;
            border-radius: 0 3px 3px 0;
            height: 54px;
            position: absolute;
            right: -3px;
            top: 260px;
            width: 3px;
        }