/**
 * Theme Name: Total
 * Description: Extensions for the Visual Composer
 * Author: WPExplorer
 */

/*--------------------------------------------------------------
- Commons
--------------------------------------------------------------*/
.vcex-isotope-grid { overflow: hidden; }
.vcex-readmore { font-size: 0.923em; }

/*Visual Composer Extension Filter buttons*/
.vcex-filter-links a { color: #888; font-size: 0.923em; display: block; padding: 2px 8px; margin: 0; display: inline-block; font-size: 1em; font-weight: normal; outline: none; cursor: pointer; outline: none; border: 1px solid #ddd; -webkit-appearance: none; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; -moz-transition: all 0.15s ease; }
.vcex-filter-links a:hover,
.vcex-filter-links li.active a { text-decoration: none; background: #f7f7f7; color: #000; }

/*clear floats*/
.vcex-clear-floats { clear: both }
.vcex-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.vcex-clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }

/*filters*/
.vcex-grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .25s ease; -webkit-backface-visibility: hidden; }
.vcex-grayscale img { opacity: 1 !important }
.vcex-grayscale:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }

/*image styles*/
.vcex-rounded-images img { border-radius: 9999px }

/*videos*/
.vcex-video-wrap { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.vcex-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vcex-blog-entry-media { }

/*text align*/
.vcex-text-align-center { text-align: center }
.vcex-text-align-left { text-align: left }
.vcex-text-align-right { text-align: right }

/*image rendering*/
.vcex-image-rendering-crisp-edges img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; }
.vcex-image-rendering-auto img { image-rendering: auto }

/*single image caption*/
.wpb_single_image a { position: relative; max-width: 100%; }
.wpb_single_image_caption { position: absolute; z-index: 2; bottom: 20px; left: 0; color: #fff; padding: 4px 10px; background: #000; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; }

/*hover animations*/
.vcex-img-hover-parent { position: relative; overflow: hidden; display: block; }
.vcex-img-hover-parent img { display: block; margin: 0; width: 100%; height: auto; box-shadow: 0 0 0 rgba(0,0,0,0); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; }
.vcex-img-hover-grow:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
.vcex-img-hover-shrink:hover img { transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); }
.vcex-img-hover-side-pan:hover img { margin-left: -11%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
.vcex-img-hover-vertical-pan:hover img { margin-top: -10%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
.vcex-img-hover-tilt:hover img { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.vcex-img-hover-blurr img,
.vcex-img-hover-blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.vcex-img-hover-blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); }
.vcex-img-hover-blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); }
.vcex-img-hover-blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); }
.vcex-img-hover-sepia img { -webkit-filter: sepia(100%); filter: sepia(100%); }
.vcex-img-hover-sepia:hover img { -webkit-filter: sepia(); filter: sepia(); }
.vcex-img-hover-fade-in { background: #000 }
.vcex-img-hover-fade-in img { opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; }
.vcex-img-hover-fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
.vcex-img-hover-fade-out { background: #000 }
.vcex-img-hover-fade-out:hover img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; }

/*center filter links*/
.vcex-filter-links.center { text-align: center }
.vcex-filter-links.center li { display: inline-block; float: none; }

/*--------------------------------------------------------------
- Background Styles
--------------------------------------------------------------*/
.vcex-background-stretch { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.vcex-background-fixed { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; }
.vcex-background-repeat { background-repeat: repeat }
.vcex-background-parallax { background-attachment: fixed; background-position: 50% 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }
@media only screen and (max-width: 767px) { 
    .vcex-background-parallax { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
}
body.is-mobile .vcex-background-parallax,
body.vc-editor .vcex-background-parallax { background-position: 50% 50% !important }
.vcex-background p:last-child { margin: 0 }
.vcex-background.style-centered { background-image-repeat: repeat }
.vcex-background.style-fixed,
.vcex-background.style-parallax { background-attachment: fixed !important }

/*--------------------------------------------------------------
- Parallax Backgrounds
--------------------------------------------------------------*/
.vcex-background-parallax-advanced { position: relative }
.vcex-background-parallax-advanced .container { position: relative; z-index: 1; }
.vcex-background-parallax-advanced .wpb_column { z-index: 1; position: relative; }
.vcex-background-parallax-advanced .center-row-inner { z-index: 1; position: relative; }
.vcex-parallax-div { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; z-index: 0; background-repeat: repeat; background-attachment: fixed; }
.vcex-parallax-div.fixed-repeat { background-attachment: fixed; background-repeat: repeat; }
.vcex-parallax-div.fixed-no-repeat { background-attachment: fixed; background-repeat: no-repeat; }
.vcex-parallax-div.stretched { background-attachment: fixed; background-position: 50% 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }

/*--------------------------------------------------------------
- Video Background
--------------------------------------------------------------*/
.vcex-video-bg-wrap { position: relative; overflow: hidden; position: relative; z-index: 3; }
.vcex-video-bg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; }
.vcex-video-bg-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -999; }
.vcex-video-bg-overlay.dark-overlay { background: #000; opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; }
.vcex-video-bg-overlay.dotted-overlay { background: rgba(0,0,0,0.3) url("../images/visual-composer/dotted-overlay.png") repeat }
.vcex-video-bg-overlay.dashed-overlay { background: rgba(0,0,0,0.3) url("../images/visual-composer/dashed-overlay.png") repeat }

/*--------------------------------------------------------------
- Spacing
--------------------------------------------------------------*/
.vcex-spacing { display: block; width: 100%; height: auto; margin: 0; padding: 0; background: none; border: none; outline: none; }

/*--------------------------------------------------------------
- Bullets
--------------------------------------------------------------*/
.vcex-bullets ul { margin-left: 0 !important; padding-left: 0 !important; list-style: none !important; list-style-image: none !important; }
.vcex-bullets ul li { padding-left: 25px !important; margin-bottom: 6px; }
.vcex-bullets-check ul li { background: url('../images/visual-composer/check.png') left center no-repeat }
.vcex-bullets-gray ul li { background: url('../images/visual-composer/bullets-gray.png') left center no-repeat }
.vcex-bullets-black ul li { background: url('../images/visual-composer/bullets-black.png') left center no-repeat }
.vcex-bullets-blue ul li { background: url('../images/visual-composer/bullets-blue.png') left center no-repeat }
.vcex-bullets-red ul li { background: url('../images/visual-composer/bullets-red.png') left center no-repeat }
.vcex-bullets-purple ul li { background: url('../images/visual-composer/bullets-purple.png') left center no-repeat }

/*----------------------------------------------