.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
margin: 0px 0px;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//windowsontheworld.net/wp-content/themes/Devion/css/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 10px;
height: 10px;
margin: 10px 5px 0px 5px;
filter: Alpha(Opacity=40); opacity: 0.4;
background: #aaa;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//windowsontheworld.net/wp-content/themes/Devion/css/AjaxLoader.gif) no-repeat center center
}body,
button,
input,
select,
textarea {
color: #656565;
font-family: 'Lato', sans-serif;
}
body {
background: #f4f4f4;
}
a {
color: #7f06cb;
}
a:visited {
color: #7f06cb;
}
a:hover,
a:focus,
a:active {
color: #000000;
text-decoration: none;
}
.lastlink{
display: none;
}
.mobmenu{
display: none;
}
.mobmenu select{
width: 40%;
padding: 7px;
margin-top: 7px;
}
.mobmenuitem{
padding:5px;
border-bottom: 1px solid #d8d8d8;
} #masthead {
background: #810acc;
}
#masthead .site-branding {
margin-top: 30px;
margin-bottom: 20px;
}
#masthead .site-branding h1.site-title {
font-size: 36px;
text-transform: uppercase;
font-weight: bold;
margin: 10px 0px 0px 0px;
}
#masthead .site-branding h1.site-title a:link,
#masthead .site-branding h1.site-title a:visited {
color: #222222;
}
#masthead .site-branding h2.site-description {
font-size: 16px;
margin: 5px 0px 10px 0px;
}
#masthead .search-box .search-form {
float: right;
width: 250px;
float: right;
margin-top: 40px;
margin-bottom: 20px;
}
#masthead .search-box .search-form .search-submit {
display: none;
}
#masthead .search-box .search-form label {
width: 100%;
}
#masthead .search-box .search-form label input.search-field {
width: 100%;
} #site-navigation {
background: #464646;;
height: 60px;
}
.main-navigation ul.menu li a:link,
.main-navigation ul.menu li a:visited {
color: #ffffff;
border-right: 1px solid #9e9e9e;
}
.main-navigation ul ul {
background: #7f06cb;
} .tinynav {
display: none;
} @media screen and (max-width: 1150px) {
.loginfo{
display: none;
}
.lastlink{
display: none;
}
.mobmenu{
display: inline;
text-align: center;
}
.tinynav {
display: none;
width: 100%;
margin-top: 20px;
padding: 5px 0px;
}
#sitemenu {
display: none;
}
#masthead .site-branding {
text-align: center;
}
#masthead .search-box {
margin: 10px auto;
width: 255px;
}
#masthead .search-box .search-form {
margin: 0px 0px 20px 0px;
}
}
@media screen and (max-width: 400px) {
.loginfo{
display: none;
}
.mobmenu select{
width: 90%;
}
} #featured-videos {
background: #323232;
padding: 30px 0px;
}
#featured-videos #fvideos .fvideo {
padding: 0px 15px;
}
#featured-videos #fvideos .fvideo .fvideo-entry {
background: #4c4c4c;
padding-bottom: 15px;
font-size: 13px;
}
#featured-videos #fvideos .fvideo .fvideo-entry h3 {
margin: 0px;
padding: 15px 15px 5px 15px;
font-size: 16px;
font-weight: bold;
}
#featured-videos #fvideos .fvideo .fvideo-entry h3 a {
color: #ffffff;
}
#featured-videos #fvideos .fvideo .fvideo-entry span.vid-cats {
margin-left: 15px;
}
#featured-videos #fvideos .fvideo .fvideo-entry span.view-count,
#featured-videos #fvideos .fvideo .fvideo-entry span.like-count {
float: right;
margin-right: 15px;
color: #cccccc;
}
#featured-videos #fvideos .fvideo .fvideo-entry span a:link,
#featured-videos #fvideos .fvideo .fvideo-entry span a:visited {
color: #cccccc;
}
#featured-videos #fvideos .fvideo .fvideo-entry span.like-count:before {
content: "\f087";
font-family: 'Fontawesome';
margin-right: 5px;
}
#featured-videos #fvideos .fvideo .fvideo-entry span.view-count:before {
content: "\f06e";
font-family: 'Fontawesome';
margin-right: 5px;
} #videos-container {
padding: 30px 0px 0px 0px;
}
#videos-container h2.section-title {
font-size: 24px;
text-transform: uppercase;
margin: 20px 0px 30px 0px;
color: #7f06cb;
}
#videos-container .latvideo {
background: #fff;
margin-bottom: 30px;
border: 1px solid #e5e5e5;
}
#videos-container .latvideo .latvideo-entry {
padding-bottom: 15px;
font-size: 13px;
min-height: 140px;
}
#videos-container .latvideo .latvideo-entry h3 {
margin: 0px;
padding: 15px 15px 5px 15px;
font-size: 16px;
font-weight: bold;
}
#videos-container .latvideo .latvideo-entry h3 a {
color: #222222;
}
#videos-container .latvideo .latvideo-entry div.entry-meta {
padding: 0px 15px;
}
#videos-container .latvideo .latvideo-entry span.view-count,
#videos-container .latvideo .latvideo-entry span.like-count {
margin-right: 10px;
}
#videos-container .latvideo .latvideo-entry span a:link,
#videos-container .latvideo .latvideo-entry span a:visited {
color: #656565;
}
#videos-container .latvideo .latvideo-entry span.like-count:before {
content: "\f087";
font-family: 'Fontawesome';
margin-right: 5px;
}
#videos-container .latvideo .latvideo-entry span.view-count:before {
content: "\f06e";
font-family: 'Fontawesome';
margin-right: 5px;
} #latest-posts {
padding: 30px 0px 0px 0px;
}
#latest-posts h2.section-title {
font-size: 24px;
text-transform: uppercase;
margin: 20px 0px 30px 0px;
color: #7f06cb;
}
#latest-posts .recpost {
background: #fff;
margin-bottom: 30px;
border: 1px solid #e5e5e5;
}
#latest-posts .recpost .recpost-entry {
padding-bottom: 15px;
font-size: 13px;
}
#latest-posts .recpost .recpost-entry h3 {
margin: 0px;
padding: 15px 15px 5px 15px;
font-size: 16px;
font-weight: bold;
}
#latest-posts .recpost .recpost-entry h3 a {
color: #222222;
}
#latest-posts .recpost .recpost-entry div.entry-meta {
padding: 0px 15px;
}
#latest-posts .recpost .recpost-entry div.entry-summary {
padding: 0px 15px;
margin: 5px 0px;
}
#latest-posts .recpost .recpost-entry span.view-count,
#latest-posts .recpost .recpost-entry span.like-count {
margin-left: 10px;
float: right;
}
#latest-posts .recpost .recpost-entry span a:link,
#latest-posts .recpost .recpost-entry span a:visited {
color: #656565;
}
#latest-posts .recpost .recpost-entry span.like-count:before {
content: "\f087";
font-family: 'Fontawesome';
margin-right: 5px;
}
#latest-posts .recpost .recpost-entry span.view-count:before {
content: "\f06e";
font-family: 'Fontawesome';
margin-right: 5px;
} #video-frame {
padding: 50px 0px;
background: #323232;
}
.frame-bar {
background: #181818;
padding: 20px 0px;
}
.frame-bar h1 {
font-size: 20px;
text-transform: uppercase;
color: #ffffff;
margin: 10px 0px 5px 0px;
font-weight: bold;
}
.frame-bar .entry-meta {
margin-bottom: 5px;
color: #b3b3b3;
}
.frame-bar .entry-meta a {
color: #b3b3b3;
}
.frame-bar .count-box {
color: #999999;
text-transform: uppercase;
font-size: 12px;
}
.frame-bar .count-box a {
color: #999999;
display: block;
}
.frame-bar .count-box div {
float: right;
margin: 3px 0px 0px 10px;
padding: 5px 10px;
border-radius: 3px;
text-align: center;
background: #323232;
}
.frame-bar .count-box .like-count:before {
content: "\f087";
font-family: 'Fontawesome';
display: block;
font-size: 20px;
color: #ffffff;
}
.frame-bar .count-box .view-count:before {
content: "\f06e";
font-family: 'Fontawesome';
display: block;
font-size: 20px;
color: #ffffff;
}
.frame-bar .count-box .comment-count:before {
content: "\f075";
font-family: 'Fontawesome';
display: block;
font-size: 20px;
color: #ffffff;
}
.frame-bar .count-box .next-video:before {
content: "\f061";
font-family: 'Fontawesome';
display: block;
font-size: 20px;
color: #ffffff;
}
.frame-bar .count-box .prev-video:before {
content: "\f060";
font-family: 'Fontawesome';
display: block;
font-size: 20px;
color: #ffffff;
} .pages-title {
background: #323232;
padding: 30px 0px;
}
.pages-title h2 {
margin: 0px 0px;
color: #ffffff;
font-size: 26px;
font-weight: bold;
}
#primary {
padding: 30px 0px;
}
#primary article {
background: #fff;
padding: 20px 20px;
border: 1px solid #e5e5e5;
}
#primary article .entry-header h1.entry-title {
margin: 10px 0px 5px 0px;
padding: 0px;
font-weight: bold;
color: #222222;
font-size: 28px;
text-transform: uppercase;
}
#primary article .entry-header h1.entry-title a {
color: #222222;
}
#primary article .entry-meta {
color: #989898;
}
#primary article .entry-meta a {
color: #989898;
}
#primary article .entry-meta a:hover {
color: #7f06cb;
}
#primary article img.postimg {
margin-bottom: 10px;
}
#primary article .entry-footer {
margin-bottom: 10px;
color: #989898;
}
#primary article .entry-footer a {
color: #989898;
}
#primary article .entry-footer a:hover {
color: #7f06cb;
}
#primary article .entry-footer span {
margin-right: 10px;
}
#primary .rel-box {
margin-bottom: 30px;
background: #fff;
padding: 20px 20px;
border: 1px solid #e5e5e5;
}
#primary .rel-box h3 {
margin: 0px 0px 20px 0px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #222222;
}
#primary .rel-box div {
text-align: center;
}
#primary .rel-box div img {
margin-bottom: 10px;
} #secondary {
padding: 30px 0px;
}
#secondary .widget {
margin-bottom: 30px;
background: #fff;
padding: 30px 20px;
border: 1px solid #e5e5e5;
}
#secondary .widget h1.widget-title {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
color: #7f06cb;
margin: 0px 0px 30px ;
}
#secondary .widget ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#secondary .widget ul li {
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #dadada;
}
#secondary .widget ul li a {
color: #656565;
}
#secondary .widget ul li a:hover {
color: #7f06cb;
}
#secondary .squarebanner {
margin-bottom: 30px;
background: #fff;
padding: 30px 20px;
border: 1px solid #e5e5e5;
}
#secondary .squarebanner h3.sidetitl {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
color: #7f06cb;
margin: 0px 0px 30px ;
}
#secondary .squarebanner ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#secondary .squarebanner ul li {
float: left;
margin: 0px 20px 20px 0px;
} #comments {
margin: 20px 0px;
}
#comments h2.comments-title {
font-size: 26px;
color: #222222;
margin: 0px 0px 20px 0px;
}
#comments ol.comment-list {
list-style: none;
margin: 0px 0px;
}
#comments ol.comment-list li {
margin-bottom: 30px;
}
#comments ol.comment-list li .comment-meta {
border-bottom: 1px dotted #dadada;
padding-bottom: 15px;
}
#comments ol.comment-list li .comment-meta img {
width: 48px;
height: 48px;
float: left;
margin-right: 15px;
}
#comments ol.comment-list li .comment-meta .comment-author {
font-size: 15px;
margin-top: 5px;
font-weight: bold;
color: #222222;
}
#comments ol.comment-list li .comment-meta .comment-author a {
color: #222222;
}
#comments ol.comment-list li .comment-meta .comment-metadata {
font-size: 13px;
}
#comments ol.comment-list li ol.children {
list-style: none;
margin: 0px;
margin: 30px 0px 0px 30px;
}
#comments ol.comment-list li .comment-content {
padding: 10px 0px;
border-bottom: 1px dotted #dadada;
}
#comments ol.comment-list li .reply {
margin-top: 10px;
}
#comments #respond {
border-top: 5px solid #dadada;
}
#comments #respond h3#reply-title {
font-size: 24px;
color: #222222;
}
#comments #respond label {
width: 80px;
} section.not-found {
background: #fff;
padding: 20px 20px;
border: 1px solid #e5e5e5;
}
section.not-found .pages-header h1 {
font-size: 26px;
font-weight: bold;
color: #222222;
margin: 10px 0px;
} .pagination span,
.pagination a {
padding: 5px 10px;
margin-right: 5px;
color: #ffffff;
}
.pagination span {
background: #7f06cb;
}
.pagination a {
background: #323232;
} #footer-widgets {
background: #323232;
padding: 30px 0px;
margin-top: 20px;
}
#footer-widgets .footer-widget {
margin-bottom: 20px;
line-height: 1.6;
color: #b3b3b3;
}
#footer-widgets .footer-widget h1.widget-title {
font-size: 18px;
font-weight: bold;
color: #ffffff;
margin-bottom: 25px;
}
#footer-widgets .footer-widget ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#footer-widgets .footer-widget ul li {
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #5a5a5a;
}
#footer-widgets .footer-widget ul li a:link,
#footer-widgets .footer-widget ul li a:visited {
color: #b3b3b3;
}
#footer-widgets .footer-widget ul li a:hover {
color: #ffffff;
} .site-footer {
background: #222;
padding: 20px 0px;
}
.site-footer .site-info {
color: #b3b3b3;
}
.site-footer .site-info a {
color: #b3b3b3;
}