/* ------------------------------------------------------------- CSS Created By: Tom@GeminiRobotics.com 10/16/2020 Media Queries KB: https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints/ ---------------------------------------------------------------- */@charset "utf-8"; /* NOTE: this CSS hides any nchor using title="Home" attrib * for any page that includes class="home" in the tag */ body.home a[title="Home"] { /* case sensitive */ display: none; } /* iPhone 6+, 7+, 8+ ----------- */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ .sstlogoheader, .raqelogoheader { position: fixed; display: inline-block; width: 30%; height: 20%; top: 0; left: 0; right: 0; bottom: 0; margin-top:-20px; margin-left:-10px; } /* This hides the AboutUs Owl on phones*/ #aboutowl1, #aboutowl2 { display: none; } } /* iPhone X ----------- */ @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ .sstlogoheader, .raqelogoheader { position: fixed; display: inline-block; width: 30%; height: 20%; top: 0; left: 0; right: 0; bottom: 0; margin-top:-20px; margin-left:-10px; } /* This hides the AboutUs Owl on phones*/ #aboutowl1, #aboutowl2 { display: none; } } /* Samsung Galaxy S5 ----------- */ @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ .sstlogoheader, .raqelogoheader { position: fixed; display: inline-block; width: 30%; height: 20%; top: 0; left: 0; right: 0; bottom: 0; margin-top:-20px; margin-left:-10px; } /* This hides the AboutUs Owl on phones*/ #aboutowl1, #aboutowl2 { display: none; } } .tt-overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 20%; /* Full width (cover the whole page) */ height: 20%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); /* Black background with opacity */ z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } .video-screen-overlay:before { content:""; position: absolute; top:0; right:0; left:0; bottom:0; z-index:1; /*background:linear-gradient(to right,rgba(65, 0, 255, 0.4),rgba(255, 0, 232, 0.3));*/ background: rgba(255, 255, 255, 0.3); } /* TT: 1/13/18: - WebProduct-Title Font overwrite */ .tp-caption.WebProduct-Title,.WebProduct-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style: none; border-width: 0; /* color:rgba(51,51,51,1.00); Grey #333333*/ color:rgba(255,153,0,1.00); font-family:Raleway; font-size:90px; font-style:normal; font-weight:600; line-height:90px; padding:0; text-decoration: none; } /* TT: 1/13/18: - WebProduct-Content Font overwrite */ .tp-caption.WebProduct-Content, .WebProduct-Content { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; /* color:rgba(153,153,153,1.00); Grey #999999 */ color:rgba(256,256,256,1.00); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; line-height:24px; padding:0; text-decoration:none; } /* TT: 1/29/18: - Google Calendar Mobile Responsive */ @media (max-width: 768px) { /* Small devices */ .responsive-iframe-container { position: relative; padding-bottom: 70.83%; width: 75%; height: 100%; overflow: hidden; } .responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed { position: absolute; top:0; left: 0; width: 75%; height: 100%; } } /* TT: 1/22/18 - Responsive iFrame wrappers */ .responsive-iframe-container { position: relative; padding-bottom: 70.83%; overflow: hidden; } .responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .center-block { display: block; margin-right: auto; margin-left: auto; } @media (max-width: 500px) { /* Small devices */ .tp-caption .Team-Social .tp-resizeme , i.fa-2x { /* font-size: 150px; */ } } @media screen and (min-width: 600px) { /* For Tablets */ .container { width: 100; } } @media screen and (min-width: 768px) { /* For Laptops */ .container { width: 738px; } } @media screen and (min-width: 992px) { /* For Large Laptops */ .container { width: 962px; } } @media screen and (min-width: 1280px) { /*For Big TV's (HD Screens) */ .container { width: 1250px; } } @media screen and (min-width: 1920px) { /* For Projectors or Higher Resolution Screens (Full HD)*/ .container { width: 1890px; } } @media screen and (min-width: 3840px) { /* For 4K Displays (Ultra HD) */ .container { width: 3810px; } }