/*
{
Theme Name:smsi2021
Text Domain:smsi2021
Theme URI:https://clickryan.com
License:GNU
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Author:clickryan
Author URI:https://clickryan.com
Version:1.0
Description:smsi
Tested up to: 5.5 
Requires PHP: 5.6 
Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready 
}
*/

#logoimage {
    width: 70px;
}

img#logo-footer {
    width: 164px;
}

ul.clk_menu_items.navbar-nav hr
{
	display: none;
}

ul.clk_menu_items.navbar-nav.ml-auto li a {
 	color: var(--dark);
    font-weight: 700;
    padding-right: .5rem;
    padding-left: .5rem;
}

ul.clk_menu_items.navbar-nav.ml-auto li {
    padding-right: 2rem;
    /* color: var(--dark); */
}


@media (min-width: 1200px){
	.container {
    	max-width: 1400px;
	}


}


/*footer...*/

#myFooter {
  
      background-color: #3c3d41;
    color: white;
    padding-top: 20px;
    position: absolute;
    left: 0;
    height: auto;
    width: 100%;

}

#myFooter .footer-copyright {
  background-color: #333333;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}

#myFooter .row {
  margin-bottom: 28px;
  padding-top: 14px;
}

#myFooter .footer-copyright p {
  margin: 10px;
  color: #ccc;
}

#myFooter ul {
  list-style-type: none;
  padding-left: 0;
  line-height: 1.7;
}

#myFooter h5 {
  font-size: 18px;
  color: white;
  font-weight: bold;
  margin-top: 30px;
}

#myFooter a {
  color: #d2d1d1;
  text-decoration: none;
}

#myFooter a:hover, #myFooter a:focus {
  text-decoration: none;
  color: white;
}

#myFooter .social-networks {
  text-align: center;
  padding-bottom: 16px;
}

#myFooter .social-networks a {
  font-size: 32px;
  color: #f9f9f9;
  padding: 10px;
  transition: 0.2s;
}

#myFooter .social-networks a:hover {
  text-decoration: none;
}

#myFooter .facebook:hover {
  color: #0077e2;
}

#myFooter .google:hover {
  color: #ef1a1a;
}

#myFooter .twitter:hover {
  color: #00aced;
}

#myFooter .linkedin:hover {
  color: #007BB6;
}

#myFooter .btn {
  color: white;
  background-color: #008ce7;
  border-radius: 20px;
  border: none;
  width: 150px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  line-height: 25px;
}


.slider {
  position: relative;
  z-index: 1;
  max-height: 60vh;
  max-width: 100%;
  margin: 0px auto;
  overflow: hidden;
  height: 100%;
}

.slideshow * {
  outline: none;
}

.slideshow .slider {
 /* box-shadow: 0 20px 50px -25px black;*/
}

.slideshow .slider-track {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}

.slideshow .item img {
  width: 100%;
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.slideshow .item.slick-active img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slick-dots {
  bottom: 30px;
  position: absolute;
}

.slick-dots li.slick-active button::before {
  opacity: 1;
  color: #fff;
}

.slick-dots li button::before {
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .5;
  color: #000;
}

.vcenter {
  position: absolute;
  color: white;
  top: 30vh;
  left: 50%;
  z-index: 9;
  transform: translate(-50%, -50%);
  text-align: center;
}


/*************/

.googlerate_sheet {
  position: fixed;
  top: 0; bottom: 0;
  width: 27%;
  transform: translate3d(-100%, 0, 0);
  z-index: 2147483001;
  transition: transform 0.2s;
      overflow: auto;
    background: #fff;
   left: 0%;
}

.googlerate_sheet.open {
  transform: translateX(0);
}

.googlerate_panel {
    height: 100%;
    padding: 9px 22px 0 49px;
    background-color: #fff;
}

.googlerate_sheet.open + .googlerate_veil {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(52, 152, 219, 0.85);
  z-index: 0;
}

.googlerate_sheet-toggle {
  display: block;
  height: 64px;
  margin: 96px auto;
  padding: 0 32px;
}


.googlerate_panel .wp-google-place{
 top: 0!important;
    right: 0!important;
    width: 100%!important;
   height: 81px!important;
    background: #fff!important;
    padding: 7px 0 0 0 !important;
    overflow: hidden!important;
    box-shadow: 0 1px 0px 0 rgba(0,0,0,.12)!important;
    z-index: 2147483002!important;
    position: sticky !important;
}


.googlerate_panel .wp-google-close
{

padding: 0!important;
    cursor: pointer!important;
    outline: 0!important;
    border: 0!important;
    background: 0 0!important;
    min-height: 0!important;
    width: auto!important;
    float: right!important;
    font-size: 32px!important;
    font-weight: 500!important;
    line-height: .6!important;
    color: #999!important;
    -webkit-appearance: none!important;
    position: sticky;
    top: 11px;
    z-index: 2147483006;

}


 


.wp-google-badge.wp-google-badge_left-fixed{

z-index: 1 !important;

}



.wp-gr.wpac.gbadge{

  position: fixed!important;
    right: 30px!important;
    bottom: 30px!important;
    max-width: none!important;
    z-index: 2147482999!important;
}





@media screen and (max-width: 767px) {
  #myFooter {
    text-align: center;
  }
}


@media (min-width: 992px){

.portfolio-block.website .text {
    text-align: left;
}


}

/**  the mobile **/



@media only screen and (max-width: 960px) {

ul.clk_menu_items.navbar-nav.ml-auto li {
    padding-bottom: 0px !important;
    padding-top: 13px !important;
}  

.googlerate_sheet {
    width: 100%;
}

.vcenter h1 {
    font-size: 13px;
}


.vcenter {
    top: 13vh;

}


.slick-dots {
    bottom: 10px;

}



.footercellcolumn1, .footercellcolumn2, .footercellcolumn3, .footercellcolumn4 {
    padding: 27px 0 27px 0;
}



footer#myFooter h4 {
    font-size: 15px;
}


div#navlbl {
    display: none;
}


.slideshow {
    margin-top: 92px;
}

}