/*
Theme Name:  TrueMAG Child
Template:    truemag
Version:     1.0.0
Description: Personalizaciones de puppy.tmclic.com (antes editadas a mano en el style.css de TrueMAG 4.3.1). INFRA-660.
*/
.off-canvas-inner { width:100%; background:#00a7f0; color:#FFF; padding-bottom:40px }
.off-canvas-inner ul li { border-top: solid 1px #0699d9;padding-left:0 }
.off-canvas-inner ul li a { padding:10px 15px;display:block;color:#FFF;text-transform:uppercase;border-bottom: solid 1px #0699d9; }
.off-canvas-inner ul li a:hover { background:#37d1ff;text-decoration:none; }
.off-canvas-inner ul li a:before { content:'';display:inline-block;font-family: 'Font Awesome 5 Free' ;color:#ffc700;margin:0 5px 0 0 }
.off-canvas-inner .fa { margin-right: 7px; }
.dark-div .navbar-toggle, .dark-div .topnav-light .navbar-toggle { color:#FFF; padding: 9px 10px; margin: 8px 15px; border-color: #3e3e3e; background:transparent; }
#top-nav.layout-3 .navbar-inverse { background-color: #00a7f0; }
#headline.layout-3 { background: #37d1ff; border-bottom: none; }
.dark-form .form-control, .dark-form input[type="text"], .dark-form input[type="email"], .dark-form input[type="password"], .dark-form textarea { font-size: 13px; color: #000; background-color: #FFF; border: 1px solid #FFF; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; }
.dark-form .input-group-btn .btn-default { background-color: #00a7f0; border: 1px solid #00a7f0; border-left:none; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
#bottom { background:#E8E8E8; padding: 35px 0; }
#bottom-nav { background:#00a7f0; color:#FFF; padding: 30px 0; border-top: solid 1px #FFF; }
.maincolor1, a.maincolor1, .maincolor1hover:hover, a.maincolor1hover:hover { color:#00a7f0; transition: all .2s ease; }
.bgcolor1, .bgcolor1hover:hover, a.bgcolor1hover:hover { background-color:#00a7f0; color:#FFF; transition: all .2s ease; }
.player-button .next-post.same-cat a:hover, .player-button .prev-post.same-cat a:hover { background-color:#37d1ff; color:#000; transition: all ease .2s }
.player-button .bgcolor-hover:hover { background-color:#37d1ff; color:#000; transition: all ease .2s }
.simple-navigation-item i { font-size:28px;margin-top:8px;color: #00a7f0; }
.single-inbox .box-title .box-more:hover { background-color:#00a7f0; border-color:#00a7f0; color:#fff ; transition: all .3s ease-in .1s; cursor:pointer }
.box-more.single-full-pl:hover { background-color:#37d1ff; color:#FFF; border-color:#37d1ff }
#top-carousel.full-more a.maincolor1:hover { border-color:#37d1ff }
.comment-respond p.form-submit { height:0; overflow:hidden }
.cm-form-info { height:0; overflow:hidden }
#head-carousel .video-item .item-head h3 a { font-size:52px; line-height:1.4em; text-transform:uppercase; font-family:'Acme'; font-weight:600; text-shadow: 1px 2px 2px rgba(0,0,0,.2); }
.headline-content .headline .htitle .scroll-text ul li a,.headline .htitle .scroll-text ul li p { color:#FFF !important; text-decoration:none }
#bottom .widget ul li ul li { border-bottom:0; border-top: solid 1px #00a7f0; margin-top:12px; padding-top:12px; margin-bottom:0; padding-bottom:0 }
.social-links { font-family: sans-serif; background-color: #37d1ff; }