/* ----------------------------------------- */ /* Content Template: Content Template for Nav Bar - start */ /* ----------------------------------------- */ body { margin:0px; } .navbar-toggle { border: none; } .gmb-navbar { background-color: #659ad2; color: white; border-radius: 0px; border: none; font-family: 'Sahitya', serif; background: #659ad2; background: -moz-linear-gradient(top, #659ad2 0%, #6fb1f6 50%, #67a3e1 51%, #86c1ff 100%); background: -webkit-linear-gradient(top, #659ad2 0%,#6fb1f6 50%,#67a3e1 51%,#86c1ff 100%); background: linear-gradient(to bottom, #659ad2 0%,#6fb1f6 50%,#67a3e1 51%,#86c1ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#659ad2', endColorstr='#86c1ff',GradientType=0 ); border-bottom: 4px solid #cd992b; } .brand--text { font-size: 25px; position: relative; top: 6px; text-transform: uppercase; } .header-logo { padding:5px; margin-left: 4px; color:white; height:50px; } .navbar-header a { color: white; text-decoration: none; } .navbar-default .navbar-nav>li>a { color: #fff; font-family: 'Sahitya', serif; text-decoration: none; font-weight: 700; font-size: 32px; margin-right: 60px; transition-duration: 200ms; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #31577f; background-color: transparent; transition-duration: 200ms; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #e8e8e8; } .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } .content-wrapper { font-family: 'Sahitya', serif; font-weight: 400 } .content-wrapper h1 { font-weight: 700; font-size: 46px; margin: 20px 0px; line-height: 44px; } @media (max-width:1279px) { .navbar-default .navbar-nav>li>a { font-size: 24px; margin-right: 35px; } } @media (max-width:1023px) { .navbar-default .navbar-nav>li>a { font-size: 16px; margin-right: 2px; } } @media (min-width:768px) { .content-wrapper { padding-top: 100px; } .header-logo { height: 80px; padding:10px; } .brand--text { font-size: 40px; top: 10px; } .navbar { min-height: 80px; } ul.nav.navbar-nav.navbar-right { font-size: 20px; position: relative; top: 15px; } } @media (max-width:767px) { .navbar-nav { margin: 1px -15px; } .gmb-navbar { background: #659ad2; } .content-wrapper { padding-top: 60px; } .navbar-default .navbar-nav>li>a { font-size: 27px; margin-right: 0px; border-top: 2px solid #5d8cbd; } } /* ----------------------------------------- */ /* Content Template: Content Template for Nav Bar - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Content Template for Child Layout for a Video Post Layout - start */ /* ----------------------------------------- */ .video-content-wrapper { padding-top: 100px; background-image: url(http://gmbracing.com/wp-content/uploads/2018/12/horses-bg2.gif); background-position: bottom center; min-height: 90vh; background-repeat: no-repeat; font-family: 'Sahitya', serif; } .video-content-inner { display: flex; justify-content: center; align-items: flex-start; max-width: 1300px; margin: 0 auto; } .video-wrapper { flex: 3; } .video-details-wrapper { flex: 1; font-size: 45px; line-height: 45px; z-index: 2; font-weight: 700; color: #243547; } .auto-resizable-iframe { max-width: 85%; margin: 0px auto; } .auto-resizable-iframe > div { position: relative; padding-bottom: 75%; height: 0px; box-shadow: 0px 4px 438px 135px white; } .auto-resizable-iframe iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media (max-width:1366px) { .video-content-inner { max-width: 1020px; } } @media (max-width:1024px) { .video-details-wrapper { font-size: 28px; line-height: 30px; padding-right: 20px; } } @media (max-width:1023px) { .video-details-wrapper { font-size: 28px; line-height: 30px; padding-right: 0px; padding: 0px; max-width: 95%; margin: 10px auto; } .video-content-inner { flex-direction:column; width:100%; } .video-wrapper { width: 100%; } .auto-resizable-iframe { max-width: 95%; margin: 0px auto; } } @media (max-width:767px) { .video-content-wrapper { padding-top: 60px; } } /* ----------------------------------------- */ /* Content Template: Content Template for Child Layout for a Video Post Layout - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Content Template for Footer - start */ /* ----------------------------------------- */ .footer-wrapper { background: #679fda; height: 59px; color: white; display: flex; justify-content: center; align-items: center; } .the-year { margin-left:2px; margin-right:6px } /* ----------------------------------------- */ /* Content Template: Content Template for Footer - end */ /* ----------------------------------------- */